.custom-cursor-enabled *{cursor:none!important}.custom-cursor{pointer-events:none;z-index:99999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:width .2s,height .2s,opacity .2s,-webkit-transform .2s;width:32px;height:32px;color:var(--cursor-color,inherit);justify-content:center;align-items:center;transition:width .2s,height .2s,opacity .2s,transform .2s;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor svg{-webkit-filter:drop-shadow(0 0 1px rgba(255,255,255,.7))drop-shadow(0 0 1px rgba(0,0,0,.4));filter:drop-shadow(0 0 1px rgba(255,255,255,.7))drop-shadow(0 0 1px rgba(0,0,0,.4));width:100%;height:100%;display:block}.custom-cursor.hover{transform:translate(-50%,-50%)scale(1.3)}.custom-cursor.click{transform:translate(-50%,-50%)scale(.9)}.custom-cursor.hidden{opacity:0}.cursor-ripple{pointer-events:none;width:8px;height:8px;color:var(--cursor-color,inherit);border:2px solid;border-radius:50%;animation:.6s ease-out forwards cursor-ripple-expand;position:fixed;transform:translate(-50%,-50%)scale(0)}@keyframes cursor-ripple-expand{0%{opacity:.6;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(4)}}@media (hover:none) and (pointer:coarse){body{cursor:auto}.custom-cursor{display:none}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;height:auto}:root,[data-theme=dark]{--bg-primary:#1a0f0f;--bg-secondary:#231313;--surface:#2e1c1c;--surface-raised:#3a2424;--primary:#e0c08c;--primary-light:#dbb48c;--primary-dim:#a07a50;--accent:#d97a7a;--accent-light:#b86b6b;--accent-dim:#7a3838;--text:#f0e6d2;--text-secondary:#cbb99c;--text-muted:#b8a086;--border:#4a3530;--border-strong:#6b4a3a;--shadow:0 12px 32px -8px rgba(0,0,0,.6);--shadow-hover:0 20px 48px -8px rgba(156,74,74,.25);--shadow-glow:0 0 40px -10px rgba(196,154,108,.2);--radius:4px;--radius-md:6px;--radius-lg:8px;--transition:.25s cubic-bezier(.4, 0, .2, 1);--font-heading:"EB Garamond", serif;--font-body:"Noto Sans SC", sans-serif}[data-theme=light],.light{--bg-primary:#faf5ef;--bg-secondary:#f0e8dd;--surface:#e8ddd0;--surface-raised:#ddd0c0;--primary:#6f5326;--accent:#7a3838;--text:#1a0f0f;--text-secondary:#3d2a1a;--text-muted:#544638;--border:#c8b8a0;--border-strong:#b0a088;--shadow:0 12px 32px -8px rgba(0,0,0,.1);--shadow-hover:0 20px 48px -8px rgba(156,74,74,.12);--shadow-glow:0 0 40px -10px rgba(196,154,108,.15)}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text);-webkit-font-smoothing:antialiased;word-break:break-word;overflow-wrap:break-word;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}#bg-canvas{z-index:-1;pointer-events:none;opacity:.12;width:100%;height:100%;position:fixed;top:0;left:0}.navbar{-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);border:1px solid var(--border);z-index:100;width:calc(100% - 40px);max-width:1200px;box-shadow:var(--shadow), 0 0 0 1px rgba(196,154,108,.06);transition:border-color var(--transition), box-shadow var(--transition);background:rgba(26,15,15,.92);border-radius:60px;padding:10px 24px;position:fixed;top:20px;left:50%;transform:translate(-50%)}.navbar:hover{border-color:var(--primary-dim)}[data-theme=light] .navbar,.light .navbar{background:rgba(250,245,239,.92)}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--text);font-size:1.5rem;font-weight:700;font-family:var(--font-heading);transition:color var(--transition);align-items:center;gap:10px;text-decoration:none;display:flex}.logo i{color:var(--accent);transition:transform var(--transition);font-size:2rem}.logo:hover i{transform:rotate(-12deg)scale(1.1)}.logo .accent{color:var(--accent)}.nav-menu{gap:4px;list-style:none;display:flex}.nav-link{color:var(--text-secondary);transition:var(--transition);border-radius:40px;padding:8px 18px;font-size:.92rem;font-weight:500;text-decoration:none;position:relative;overflow:hidden}.nav-link:before{content:"";border-radius:inherit;background:var(--primary);opacity:0;z-index:-1;transition:opacity .25s,transform .25s;position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(.8)}.nav-link:hover:before,.nav-link.active:before{opacity:1;transform:scale(1)}.nav-link:hover,.nav-link.active{color:#fff;background:var(--primary)}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:#14100a}.nav-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;width:44px;height:44px;transition:var(--transition);background:0 0;border-radius:50%;font-size:1.4rem;display:none}.nav-toggle:hover{border-color:var(--primary);color:var(--primary)}.hero{align-items:center;min-height:100dvh;padding-top:80px;display:flex;position:relative;overflow:clip}.hero:before,.hero:after{content:"";pointer-events:none;z-index:0;width:50%;height:100%;position:absolute;top:0}.hero:before{background:linear-gradient(90deg,rgba(156,74,74,.08) 0%,transparent 100%);left:0}.hero:after{background:linear-gradient(-90deg,rgba(196,154,108,.06) 0%,transparent 100%);right:0}.hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.hero-badge{color:var(--accent);letter-spacing:1.5px;text-transform:uppercase;background:rgba(156,74,74,.12);border:1px solid rgba(156,74,74,.3);border-radius:40px;margin-bottom:28px;padding:6px 20px;font-size:.78rem;font-weight:600;display:inline-block}.hero-title{font-size:max(3rem,min(10vw,6rem));font-weight:700;line-height:1.05;font-family:var(--font-heading);letter-spacing:-1px;margin-bottom:20px}.hero-title .block{display:block}.hero-title .accent{color:var(--accent);text-shadow:0 0 60px rgba(156,74,74,.3)}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin-bottom:44px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{transition:var(--transition);letter-spacing:.3px;border:2px solid transparent;border-radius:4px;align-items:center;gap:8px;padding:13px 34px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--transition);background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);position:absolute;top:0;bottom:0;left:0;right:0}.btn:hover:after{opacity:1}.btn-primary{background:var(--primary);color:var(--bg-primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 24px -6px rgba(196,154,108,.4)}.btn-outline{border-color:var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent);color:var(--text);transform:translateY(-2px);box-shadow:0 8px 24px -6px rgba(156,74,74,.35)}.scroll-indicator{background:linear-gradient(to bottom, var(--accent), transparent);width:1px;height:56px;animation:2.2s ease-in-out infinite scrollPulse;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@keyframes scrollPulse{0%,to{opacity:.15;transform:translate(-50%)scaleY(.6)}50%{opacity:1;transform:translate(-50%)scaleY(1)}}.section{padding:100px 0;position:relative}.alt-bg{background:var(--bg-secondary)}.alt-bg:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-dim), transparent);opacity:.3;height:1px;position:absolute;top:0;left:0;right:0}.section-header{margin-bottom:56px}.section-header.centered{text-align:center}.section-header h2{font-size:max(2rem,min(5vw,3.2rem));font-weight:700;font-family:var(--font-heading);letter-spacing:-.5px;margin-bottom:16px}.section-header .accent{color:var(--accent)}.divider{background:var(--accent);width:48px;height:2px;margin:0 auto;position:relative}.divider:after{content:"";background:var(--primary);-webkit-clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);width:8px;height:8px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.section-header:not(.centered) .divider{margin:0}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border);padding:32px;position:relative}.card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--primary), var(--accent));opacity:0;height:2px;transition:opacity var(--transition);border-radius:var(--radius) var(--radius) 0 0;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-hover);border-color:var(--accent-dim);transform:translateY(-3px)}.card:hover:before{opacity:1}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.about-text .lead{color:var(--accent);margin-bottom:20px;font-size:1.25rem;font-weight:500;line-height:1.6}.stats{border-top:1px solid var(--border);gap:32px;margin-top:32px;padding-top:24px;display:flex}.stat-item{text-align:center}.stat-value{color:var(--primary);font-size:1.8rem;font-weight:700;font-family:var(--font-heading);display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.75rem}.about-quote{text-align:center;padding:40px 28px}.about-quote i{color:var(--accent);opacity:.6;margin-bottom:20px;font-size:2.5rem}.about-quote p{font-family:var(--font-heading);color:var(--text-secondary);margin-bottom:12px;font-size:1.15rem;font-style:italic;line-height:1.6}.about-quote span{color:var(--text-muted);font-size:.9rem}.details-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.detail-card{text-align:center;padding:32px 20px}.detail-card i{color:var(--primary);transition:transform var(--transition), color var(--transition);margin-bottom:16px;font-size:2rem;display:block}.detail-card:hover i{color:var(--accent);transform:scale(1.15)}.detail-card h3{font-family:var(--font-heading);color:var(--text);margin-bottom:8px;font-size:1.1rem}.detail-card p{color:var(--text-secondary);font-size:.95rem}.leaders-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:600px;margin:0 auto;display:grid}.leader-card{text-align:center;padding:36px 24px}.leader-avatar{background:linear-gradient(135deg, var(--accent), var(--accent-dim));width:96px;height:96px;color:var(--text);border:2px solid var(--primary-dim);transition:transform var(--transition), box-shadow var(--transition);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:2.2rem;display:flex}.leader-card:hover .leader-avatar{transform:scale(1.05);box-shadow:0 0 24px rgba(156,74,74,.3)}.role{color:var(--primary);text-transform:uppercase;letter-spacing:1.5px;font-size:.7rem;font-weight:600}.productions-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.production-card{text-align:center;padding:36px 24px}.production-card i{color:var(--primary);transition:color var(--transition);margin-bottom:16px;font-size:2rem;display:block}.production-card:hover i{color:var(--accent)}.production-card h3{font-family:var(--font-heading);font-size:1.1rem}.resources-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;display:grid}.resource-card{text-align:center;padding:32px 20px}.resource-card i{color:var(--primary);transition:color var(--transition), transform var(--transition);margin-bottom:16px;font-size:2.2rem;display:block}.resource-card:hover i{color:var(--accent);transform:translateY(-3px)}.resource-card h3{font-family:var(--font-heading);margin-bottom:8px;font-size:1rem}.resource-card p{color:var(--text-muted);margin-bottom:12px;font-size:.88rem;line-height:1.5}.btn-small{border:1px solid var(--primary-dim);color:var(--primary);transition:var(--transition);letter-spacing:.3px;background:0 0;border-radius:4px;padding:6px 18px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-block}.btn-small:hover{background:var(--primary);color:var(--bg-primary);border-color:var(--primary)}.resource-note{text-align:center;color:var(--text-muted);margin-top:24px;font-size:.88rem}.resource-note i{margin-right:6px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border);margin-top:60px;padding:60px 0 0;position:relative}.footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-dim), var(--primary-dim), var(--accent-dim), transparent);height:2px;position:absolute;top:0;left:0;right:0}.footer-grid{grid-template-columns:1.5fr 1fr 1.5fr;gap:40px;margin-bottom:40px;display:grid}.footer-logo{font-size:1.4rem;font-weight:700;font-family:var(--font-heading);align-items:center;gap:10px;display:flex}.footer-logo i{color:var(--accent)}.footer-brand p{color:var(--text-muted);margin-top:8px;font-size:.9rem}.footer-links h4,.footer-contact h4{text-transform:uppercase;letter-spacing:1px;color:var(--primary);font-size:1rem;font-family:var(--font-heading);margin-bottom:20px}.footer-links ul{list-style:none}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-secondary);transition:color var(--transition);font-size:.92rem;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-contact p{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:.92rem;display:flex}.footer-contact i{color:var(--accent);width:20px}.developer-credit a{color:var(--accent);border-bottom:1px dotted var(--accent-dim);transition:color var(--transition);text-decoration:none}.developer-credit a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:var(--text-muted);background:rgba(0,0,0,.25);padding:20px 0;font-size:.88rem}[data-theme=light] .footer-bottom,.light .footer-bottom{background:rgba(0,0,0,.04)}.notification{background:var(--surface-raised);color:var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-hover);z-index:300;border:1px solid var(--border);border-left:3px solid var(--accent);padding:14px 28px;font-size:.92rem;font-weight:600;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;bottom:30px;right:30px;transform:translate(calc(100% + 40px))}.notification.show{transform:translate(0)}.gsap-reveal{opacity:0;will-change:transform, opacity;transform:translateY(30px)}@media (max-width:900px){.details-grid,.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:800px){.nav-menu{background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;padding:16px;display:none;position:absolute;top:70px;left:20px;right:20px}.nav-menu.active{display:flex}.nav-toggle{justify-content:center;align-items:center;display:flex}.about-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:32px}.leaders-grid,.productions-grid,.details-grid,.resources-grid{grid-template-columns:1fr}.hero-title{font-size:max(2.4rem,min(9vw,4rem))}.section{padding:72px 0}.stats{gap:20px}}@media (max-width:480px){.hero-actions{flex-direction:column;align-items:center}.btn{justify-content:center;width:100%;max-width:280px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-indicator{opacity:.5;animation:none}.gsap-reveal{opacity:1!important;transform:none!important}#bg-canvas{opacity:.12}.card:hover,.btn:hover,.logo:hover i{transform:none}}.card,.hero-content,.section>.container,.about-text,.detail-card,.leader-card,.resource-card,.production-card,.topic-card,.activity-card,.feature-card{-webkit-backdrop-filter:blur(10px);background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.15)}[data-theme=dark] .card,[data-theme=dark] .hero-content,[data-theme=dark] .section>.container,[data-theme=dark] .about-text,[data-theme=dark] .detail-card,[data-theme=dark] .leader-card,[data-theme=dark] .resource-card,[data-theme=dark] .production-card,[data-theme=dark] .topic-card,[data-theme=dark] .activity-card,[data-theme=dark] .feature-card{background:rgba(13,15,26,.45);border:1px solid rgba(255,255,255,.06)}.theme-toggle{border:1.5px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .28s;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}
