.courses-page{min-height:100vh;background:#f8fafc}.courses-page .pattern-gut{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M50 50 Q100 80 80 130 Q60 180 100 200 Q140 220 120 270 Q100 320 140 350' stroke='%23ffacad' stroke-opacity='0.08' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M350 30 Q300 60 320 110 Q340 160 300 190 Q260 220 280 270 Q300 320 260 360' stroke='%23e26b6d' stroke-opacity='0.06' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:400px 400px}.courses-page .courses-content{padding:8rem 0;background:#fbfdfc;position:relative}.courses-page .courses-content:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400' fill='none'%3E%3Cpath d='M50 50 Q100 80 80 130 Q60 180 100 200 Q140 220 120 270 Q100 320 140 350' stroke='%23ffacad' stroke-opacity='0.06' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3Cpath d='M350 30 Q300 60 320 110 Q340 160 300 190 Q260 220 280 270 Q300 320 260 360' stroke='%23e26b6d' stroke-opacity='0.05' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-size:400px 400px;pointer-events:none}.courses-page .courses-list{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:2}.courses-page .course-accordion{background:#fff;border-radius:2rem;border:1px solid #f1f5f9;box-shadow:0 4px 20px #00000005;transition:all .4s cubic-bezier(.2,.8,.2,1);overflow:hidden}.courses-page .course-accordion:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000000f;border-color:var(--color-primary-200)}.courses-page .course-accordion.is-open{border-color:var(--color-primary-300);box-shadow:0 20px 50px #ffacad14}.courses-page .course-row-trigger{width:100%;padding:3rem;cursor:pointer;text-align:left;border:none;background:transparent}.courses-page .course-banner-inner{display:flex;align-items:center;gap:4rem}.courses-page .course-visual{flex:0 0 380px;position:relative;aspect-ratio:16/10;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 12px #0000000d}.courses-page .course-visual img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.courses-page .course-accordion:hover .course-visual img{transform:scale(1.05)}.courses-page .visual-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);font-size:3rem}.courses-page .course-details-summary{flex:1;min-width:0}.courses-page .course-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.courses-page .course-duration{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary-600);font-size:.875rem;font-weight:700;margin-bottom:.25rem}.courses-page .course-row-title{font-size:2.25rem;font-weight:800;color:#1e293b;margin-bottom:1rem;line-height:1.2;word-break:break-word;overflow-wrap:break-word}.courses-page .course-description{font-size:1.125rem;color:#64748b;line-height:1.6;max-width:600px}.courses-page .accordion-status{width:48px;height:48px;border-radius:50%;background:#f8fafc;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);color:#94a3b8;flex-shrink:0;border:1px solid #f1f5f9}.courses-page .course-accordion.is-open .accordion-status{background:var(--color-primary-500);color:#fff;transform:rotate(180deg);border-color:var(--color-primary-500);box-shadow:0 4px 12px #ffacad33}.courses-page .course-details-expanded{overflow:hidden;max-height:0;transition:max-height .6s cubic-bezier(.4,0,.2,1);background:#fcfdfd}.courses-page .course-accordion.is-open .course-details-expanded{max-height:1200px}.courses-page .expanded-inner{padding:0 3rem 4rem calc(380px + 7rem);display:grid;grid-template-columns:1fr 1fr;gap:4rem}.courses-page .detail-block h4{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:1.5rem}.courses-page .module-list,.courses-page .feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.courses-page .module-item,.courses-page .feature-item{display:flex;gap:1rem;font-size:1rem;color:#475569;align-items:flex-start}.courses-page .module-num{font-weight:800;color:var(--color-primary-500);font-size:.8125rem;min-width:24px;flex-shrink:0}.courses-page .feature-item svg{color:var(--color-primary-500);flex-shrink:0;margin-top:2px}.courses-page .expanded-actions{grid-column:span 2;padding-top:3rem;display:flex;gap:1.5rem;flex-wrap:wrap}.courses-page .expanded-actions .btn{padding:1.125rem 2.5rem;font-weight:700;border-radius:1rem}.courses-page .pagination{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:6rem}.courses-page .page-numbers{display:flex;gap:.75rem}.courses-page .page-btn{width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #f1f5f9;border-radius:1.25rem;font-size:1.0625rem;font-weight:700;color:#64748b;cursor:pointer;transition:all .3s ease}.courses-page .page-btn:hover:not(:disabled){border-color:var(--color-primary-300);color:var(--color-primary-600);background:var(--color-primary-50)}.courses-page .page-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;box-shadow:0 12px 24px #ffacad4d}.courses-page .page-btn.nav-btn{width:auto;padding:0 2rem}.courses-page .about-me-banner{padding:8rem 0;background:#f8fafc}.courses-page .about-banner-card{display:flex;align-items:center;gap:4rem;background:#fff;border-radius:3rem;padding:5rem;box-shadow:0 20px 50px #00000008;border:1px solid #f1f5f9}.courses-page .about-banner-content{flex:1}.courses-page .banner-badge{display:inline-block;padding:.5rem 1.25rem;background:var(--color-primary-50);color:var(--color-primary-700);border-radius:100px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2rem}.courses-page .banner-title{font-size:2.75rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem}.courses-page .banner-title span{color:var(--color-primary-600)}.courses-page .banner-text{font-size:1.125rem;color:#64748b;line-height:1.7;margin-bottom:2.5rem}.courses-page .about-banner-photo{width:240px;height:240px;background:#f1f5f9;border-radius:2.5rem;display:flex;align-items:center;justify-content:center;font-size:6rem;flex-shrink:0;transform:rotate(3deg);border:10px solid white;box-shadow:0 10px 30px #00000014;overflow:hidden}.courses-page .banner-photo-img{width:100%;height:100%;object-fit:cover}.courses-page .empty-state{text-align:center;padding:10rem 4rem;background:#fff;border-radius:3rem;border:1px solid #f1f5f9;box-shadow:0 10px 40px #00000005;max-width:800px;margin:4rem auto 0}.courses-page .empty-icon{font-size:4rem;margin-bottom:2rem;display:inline-block}.courses-page .empty-title{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:1.5rem}.courses-page .empty-text{font-size:1.25rem;color:#64748b;line-height:1.7;max-width:540px;margin:0 auto}@media(max-width:1200px){.courses-page .expanded-inner{padding-left:3rem;grid-template-columns:1fr}.courses-page .expanded-actions{grid-column:span 1}}@media(max-width:1024px){.courses-page .courses-content{padding:6rem 0}.courses-page .course-banner-inner{gap:2.5rem}.courses-page .course-visual{flex:0 0 280px}.courses-page .course-row-title{font-size:1.75rem}.courses-page .expanded-inner{padding:0 2.5rem 3rem;gap:2.5rem}.courses-page .about-banner-card{gap:3rem;padding:4rem}.courses-page .banner-title{font-size:2.25rem}}@media(max-width:768px){.courses-page .courses-content{padding:4rem 0}.courses-page .course-accordion{border-radius:1.5rem}.courses-page .course-row-trigger{padding:1.5rem}.courses-page .course-banner-inner{flex-direction:column;gap:1.25rem;text-align:left}.courses-page .course-visual{flex:none;width:100%;max-width:100%;aspect-ratio:16/9;border-radius:1rem}.courses-page .course-details-summary{width:100%}.courses-page .course-row-title{font-size:1.375rem;margin-bottom:.5rem}.courses-page .course-duration{font-size:.8125rem}.courses-page .accordion-status{width:40px;height:40px;position:absolute;top:1.25rem;right:1.25rem}.courses-page .course-row-trigger{position:relative}.courses-page .expanded-inner{padding:0 1.5rem 2rem;grid-template-columns:1fr;gap:2rem}.courses-page .expanded-actions{grid-column:span 1;flex-direction:column;padding-top:1.5rem}.courses-page .expanded-actions .btn{width:100%;text-align:center;padding:1rem 2rem}.courses-page .detail-block h4{font-size:.8125rem;margin-bottom:1rem}.courses-page .module-list,.courses-page .feature-list{gap:1rem}.courses-page .module-item,.courses-page .feature-item{font-size:.9375rem;gap:.75rem}.courses-page .pagination{flex-direction:column;gap:1.25rem;margin-top:4rem}.courses-page .page-btn{width:3rem;height:3rem;font-size:.9375rem;border-radius:1rem}.courses-page .page-btn.nav-btn{padding:0 1.5rem}.courses-page .about-me-banner{padding:4rem 0}.courses-page .about-banner-card{flex-direction:column;text-align:center;padding:2.5rem 2rem;border-radius:2rem;gap:2rem}.courses-page .about-banner-photo{width:160px;height:160px;order:-1;border-width:6px;border-radius:2rem}.courses-page .banner-badge{margin-bottom:1.25rem}.courses-page .banner-title{font-size:1.75rem;margin-bottom:1rem}.courses-page .banner-text{font-size:1rem;margin-bottom:2rem}.courses-page .empty-state{padding:5rem 1.5rem;border-radius:2rem;margin:2rem auto 0}.courses-page .empty-icon{font-size:3rem}.courses-page .empty-title{font-size:1.75rem}.courses-page .empty-text{font-size:1.0625rem}}@media(max-width:480px){.courses-page .courses-content{padding:3rem 0}.courses-page .course-accordion{border-radius:1.25rem}.courses-page .course-row-trigger{padding:1.25rem}.courses-page .course-banner-inner{gap:1rem}.courses-page .course-visual{border-radius:.875rem}.courses-page .course-row-title{font-size:1.1875rem;line-height:1.3;padding-right:2.5rem}.courses-page .course-duration{font-size:.75rem}.courses-page .accordion-status{width:36px;height:36px;top:1rem;right:1rem}.courses-page .accordion-status svg{width:16px;height:16px}.courses-page .expanded-inner{padding:0 1.25rem 1.5rem;gap:1.5rem}.courses-page .expanded-actions .btn{padding:.875rem 1.5rem;font-size:.9375rem;border-radius:.875rem}.courses-page .visual-placeholder{font-size:2rem}.courses-page .about-banner-card{padding:2rem 1.5rem;border-radius:1.5rem}.courses-page .about-banner-photo{width:130px;height:130px}.courses-page .banner-title{font-size:1.5rem}.courses-page .empty-state{padding:4rem 1.25rem}.courses-page .empty-title{font-size:1.5rem}.courses-page .empty-text{font-size:1rem}}