.subject-page{background:#fff;flex-direction:column;min-height:100vh;display:flex}[data-theme=dark] .subject-page{background:var(--bg-primary)}.subject-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--subject-color)10%,white)0%,color-mix(in srgb,var(--subject-color)5%,white)100%);text-align:center;padding:8rem 2rem 6rem}[data-theme=dark] .subject-hero{background:linear-gradient(135deg,color-mix(in srgb,var(--subject-color)20%,var(--bg-secondary))0%,var(--bg-secondary)100%)}.subject-hero-content{max-width:800px;margin:0 auto}.subject-hero-icon{filter:drop-shadow(0 8px 16px #0000001a);margin-bottom:1.5rem;font-size:6rem}.subject-hero-title{color:var(--subject-color);margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.2}[data-theme=dark] .subject-hero-title{color:var(--subject-color)}.subject-hero-description{color:#475569;margin-bottom:3rem;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.7}[data-theme=dark] .subject-hero-description{color:var(--text-secondary)}.subject-hero-cta{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn-subject-primary,.btn-subject-secondary{cursor:pointer;border-radius:50px;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 8px 24px #0000001a}.btn-subject-primary{background:var(--subject-color);color:#fff;border:2px solid #0000}.btn-subject-primary:hover{box-shadow:0 16px 40px color-mix(in srgb,var(--subject-color)40%,transparent);transform:translateY(-4px)}.btn-subject-secondary{color:var(--subject-color);border:2px solid var(--subject-color);background:#fff}[data-theme=dark] .btn-subject-secondary{background:var(--bg-tertiary);color:var(--subject-color)}.btn-subject-secondary:hover{background:color-mix(in srgb,var(--subject-color)10%,white);transform:translateY(-4px)}[data-theme=dark] .btn-subject-secondary:hover{background:color-mix(in srgb,var(--subject-color)20%,var(--bg-tertiary))}.btn-arrow{font-size:1.5rem;transition:transform .3s}.btn-subject-primary:hover .btn-arrow,.btn-subject-secondary:hover .btn-arrow{transform:translate(5px)}.subject-about{background:#fff;padding:6rem 2rem}[data-theme=dark] .subject-about{background:var(--bg-primary)}.subject-about-container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;display:grid}@media (max-width:968px){.subject-about-container{grid-template-columns:1fr;gap:3rem}}.section-title-subject{color:#1e293b;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:900;display:flex}[data-theme=dark] .section-title-subject{color:var(--text-primary)}.title-icon{font-size:2.5rem}.subject-long-description{color:#64748b;font-size:1.2rem;line-height:1.8}[data-theme=dark] .subject-long-description{color:var(--text-secondary)}.subject-mascot-placeholder{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border-radius:50%;justify-content:center;align-items:center;width:300px;height:300px;margin:0 auto;display:flex}.mascot-emoji{filter:drop-shadow(0 8px 16px #0000001a);font-size:10rem}.subject-topics{background:#f8fafc;padding:6rem 2rem}[data-theme=dark] .subject-topics{background:var(--bg-secondary)}.subject-topics-container{text-align:center;max-width:1200px;margin:0 auto}.section-subtitle-subject{color:#64748b;max-width:700px;margin-bottom:4rem;margin-left:auto;margin-right:auto;font-size:1.2rem}[data-theme=dark] .section-subtitle-subject{color:var(--text-secondary)}.topics-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.topic-card{text-align:center;background:#fff;border:3px solid #0000;border-radius:24px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .topic-card{background:var(--bg-tertiary);border-color:var(--border-primary)}.topic-card:hover{border-color:var(--subject-color);transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.topic-icon{filter:drop-shadow(0 4px 8px #0000001a);margin-bottom:1.5rem;font-size:4rem}.topic-name{color:#1e293b;margin-bottom:1rem;font-size:1.4rem;font-weight:800}[data-theme=dark] .topic-name{color:var(--text-primary)}.topic-description{color:#64748b;font-size:1rem;line-height:1.6}[data-theme=dark] .topic-description{color:var(--text-secondary)}.subject-benefits{background:#fff;padding:6rem 2rem}[data-theme=dark] .subject-benefits{background:var(--bg-primary)}.subject-benefits-container{text-align:center;max-width:1000px;margin:0 auto}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;display:grid}.benefit-item{text-align:left;background:#f8fafc;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.5rem;transition:all .3s;display:flex}[data-theme=dark] .benefit-item{background:var(--bg-secondary)}.benefit-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.benefit-check{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:900;display:flex}.benefit-text{color:#1e293b;font-size:1.1rem;font-weight:600;line-height:1.5}[data-theme=dark] .benefit-text{color:var(--text-primary)}.subject-cta{background:linear-gradient(135deg,color-mix(in srgb,var(--subject-color)10%,white)0%,color-mix(in srgb,var(--subject-color)5%,white)100%);text-align:center;padding:6rem 2rem}[data-theme=dark] .subject-cta{background:linear-gradient(135deg,color-mix(in srgb,var(--subject-color)20%,var(--bg-secondary))0%,var(--bg-secondary)100%)}.subject-cta-content{max-width:800px;margin:0 auto}.subject-cta-title{color:var(--subject-color);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:900}.subject-cta-text{color:#475569;margin-bottom:3rem;font-size:1.3rem;line-height:1.7}[data-theme=dark] .subject-cta-text{color:var(--text-secondary)}.btn-subject-cta{background:var(--subject-color);color:#fff;box-shadow:0 12px 32px color-mix(in srgb,var(--subject-color)30%,transparent);border:2px solid #0000;border-radius:50px;align-items:center;gap:1rem;padding:1.5rem 3rem;font-size:1.3rem;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-subject-cta:hover{box-shadow:0 20px 48px color-mix(in srgb,var(--subject-color)40%,transparent);transform:translateY(-4px)scale(1.05)}.btn-subject-cta .btn-arrow{transition:transform .3s}.btn-subject-cta:hover .btn-arrow{transform:translate(8px)}@media (max-width:768px){.subject-hero{padding:6rem 1.5rem 4rem}.subject-hero-icon{font-size:4rem}.subject-hero-cta{flex-direction:column}.btn-subject-primary,.btn-subject-secondary{justify-content:center;width:100%}.subject-about,.subject-topics,.subject-benefits,.subject-cta{padding:4rem 1.5rem}.topics-grid,.benefits-grid{grid-template-columns:1fr}.mascot-emoji{font-size:6rem}.subject-mascot-placeholder{width:200px;height:200px}}