.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{--bg-primary:#f4f6f8;--bg-secondary:#e8ecf0;--surface:#fff;--surface-hover:#f9fafb;--primary:#1e3a5f;--primary-light:#2c5282;--primary-dark:#0f1f36;--accent:#2b7a78;--accent-light:#5fd0cd;--text:#1a2332;--text-secondary:#4a5568;--text-muted:#4a5568;--border:#d2d8e0;--border-subtle:#e2e8f0;--shadow:0 2px 8px rgba(30,58,95,.08);--shadow-hover:0 8px 24px rgba(30,58,95,.14);--footer-bg:#1e3a5f;--divider:#cbd5e0;--radius:0px;--radius-sm:0px;--transition:.28s cubic-bezier(.4, 0, .2, 1);--font-heading:"EB Garamond", "Georgia", serif;--font-body:"Noto Sans SC", "Helvetica Neue", sans-serif;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px}body.dark-mode{--bg-primary:#0c1929;--bg-secondary:#132238;--surface:#1a2d47;--surface-hover:#223a58;--primary:#6fa8c7;--primary-light:#8fc2db;--primary-dark:#4a8ab5;--accent:#5cc4c1;--accent-light:#7ed5d3;--text:#e4ecf4;--text-secondary:#a8bdd4;--text-muted:#6b87a8;--border:#263e5a;--border-subtle:#1e3350;--shadow:0 2px 8px rgba(0,0,0,.3);--shadow-hover:0 8px 24px rgba(0,0,0,.45);--footer-bg:#091422;--divider:#263e5a}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.65;transition:background-color .3s,color .3s}body:before{content:"";pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;top:0;bottom:0;left:0;right:0}body.dark-mode:before{opacity:.05}.container{max-width:1120px;padding:0 var(--sp-6);margin:0 auto}.navbar{top:var(--sp-4);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);border:1px solid var(--border-subtle);width:calc(100% - 32px);max-width:1120px;padding:var(--sp-2) var(--sp-6);z-index:100;transition:background var(--transition), border-color var(--transition);background:rgba(244,246,248,.82);position:fixed;left:50%;transform:translate(-50%)}body.dark-mode .navbar{background:rgba(12,25,41,.85)}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:var(--sp-3);color:var(--text);font-size:1.35rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.02em;text-decoration:none;display:flex}.nav-logo i{color:var(--accent);font-size:1.5rem}.nav-logo .accent{color:var(--accent)}.nav-links{gap:var(--sp-1);display:flex}.nav-link{color:var(--text-secondary);padding:var(--sp-2) var(--sp-4);letter-spacing:.02em;transition:color var(--transition), background var(--transition);font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";bottom:2px;left:var(--sp-4);right:var(--sp-4);background:var(--accent);transform-origin:100%;height:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;transform:scaleX(0)}.nav-link:hover{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{transform-origin:0;transform:scaleX(1)}.nav-link.active{color:var(--accent);font-weight:600}.nav-actions{align-items:center;gap:var(--sp-4);display:flex}.theme-toggle{border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-2) var(--sp-3);cursor:pointer;align-items:center;gap:var(--sp-2);color:var(--text-secondary);transition:border-color var(--transition), color var(--transition);background:0 0;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle .fa-sun{color:#d4a017}.theme-toggle .fa-moon{color:#8aa9c9}.mobile-menu-btn{border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;width:42px;height:42px;transition:border-color var(--transition);background:0 0;justify-content:center;align-items:center;font-size:1.3rem;display:none}.mobile-menu-btn:hover{border-color:var(--accent)}.hero{min-height:100dvh;padding-top:var(--sp-20);align-items:center;display:flex;position:relative;overflow:clip}#bg-canvas{z-index:0;pointer-events:none;opacity:.12;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.hero-content{z-index:2;text-align:center;max-width:720px;position:relative}.hero-title{margin-bottom:var(--sp-5);font-size:max(3rem,min(9vw,5.5rem));font-weight:700;line-height:1.05;font-family:var(--font-heading);letter-spacing:-.03em}.hero-title .block{display:block}.hero-title .accent{color:var(--accent);font-style:italic}.hero-subtitle{color:var(--text-secondary);margin-bottom:var(--sp-10);max-width:520px;margin-left:auto;margin-right:auto;font-size:1.15rem}.hero-actions{gap:var(--sp-5);flex-wrap:wrap;justify-content:center;display:flex}.scroll-indicator{bottom:var(--sp-8);background:linear-gradient(to bottom, var(--accent), transparent);z-index:2;width:1px;height:56px;animation:2.2s ease-in-out infinite scrollPulse;position:absolute;left:50%;transform:translate(-50%)}@keyframes scrollPulse{0%,to{opacity:.25;transform:translate(-50%)scaleY(.5)}50%{opacity:1;transform:translate(-50%)scaleY(1)}}.section{padding:var(--sp-20) 0;z-index:2;position:relative}.alt-bg{background:var(--bg-secondary)}.section-header{margin-bottom:var(--sp-12);padding-bottom:var(--sp-5);border-bottom:1px solid var(--divider)}.section-header.centered{text-align:center}.section-tag{letter-spacing:3.5px;color:var(--accent);margin-bottom:var(--sp-3);text-transform:uppercase;font-size:.72rem;font-weight:600;display:block}.section-header h2{font-size:max(2rem,min(5vw,3rem));font-weight:700;font-family:var(--font-heading);letter-spacing:-.02em}.section-header .accent{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border-subtle);padding:var(--sp-8);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);position:relative}.card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover);transform:translateY(-4px)}.about-grid{gap:var(--sp-10);grid-template-columns:1.2fr .8fr;align-items:start;display:grid}.about-text .lead{color:var(--primary);margin-bottom:var(--sp-5);font-size:1.2rem;font-weight:500;line-height:1.55}.about-text p{color:var(--text-secondary);margin-bottom:var(--sp-8)}.stats{gap:var(--sp-10);padding-top:var(--sp-6);border-top:1px solid var(--divider);display:flex}.stat-item{text-align:left}.stat-value{color:var(--primary);font-size:1.6rem;font-weight:700;font-family:var(--font-heading);letter-spacing:-.02em;display:block}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-size:.72rem}.about-highlight{text-align:center;padding:var(--sp-10) var(--sp-8);border-left:3px solid var(--accent)}.about-highlight i{color:var(--accent);margin-bottom:var(--sp-4);font-size:2.8rem}.about-highlight h3{margin-bottom:var(--sp-3);color:var(--accent);font-size:1.3rem;font-family:var(--font-heading)}.about-highlight p{color:var(--text-secondary)}.details-grid{background:var(--divider);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.details-grid .card{border:none;border-radius:0}.detail-card{text-align:center;padding:var(--sp-10) var(--sp-6);background:var(--surface)}.detail-card i{color:var(--accent);margin-bottom:var(--sp-4);font-size:2rem;display:block}.detail-card h3{margin-bottom:var(--sp-2);font-size:1.1rem;font-family:var(--font-heading);font-weight:600}.detail-card p{color:var(--text-secondary);font-size:.92rem}.leaders-grid{gap:var(--sp-6);grid-template-columns:repeat(4,1fr);display:grid}.leader-card{text-align:center;padding:var(--sp-8) var(--sp-4)}.leader-avatar{background:var(--primary);width:88px;height:88px;color:var(--bg-primary);margin:0 auto var(--sp-5);border:2px solid var(--accent);transition:background var(--transition), transform var(--transition);border-radius:0;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.leader-card:hover .leader-avatar{background:var(--accent);color:#fff;transform:scale(1.05)}.leader-card h3{margin-bottom:var(--sp-1);font-size:1.2rem;font-family:var(--font-heading)}.role{color:var(--accent);text-transform:uppercase;letter-spacing:2px;font-size:.68rem;font-weight:600}.explore-grid{gap:var(--sp-6);grid-template-columns:repeat(2,1fr);display:grid}.explore-card{padding:var(--sp-10) var(--sp-8);position:relative;overflow:hidden}.explore-card:before{content:"";background:var(--accent);transform-origin:bottom;width:3px;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:scaleY(0)}.explore-card:hover:before{transform:scaleY(1)}.explore-card i{color:var(--accent);margin-bottom:var(--sp-4);font-size:1.8rem;display:block}.explore-card h3{margin-bottom:var(--sp-3);font-size:1.15rem;font-family:var(--font-heading);font-weight:600}.explore-card p{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.footer{background:var(--footer-bg);color:#c8d6e5;margin-top:var(--sp-16);position:relative}body.dark-mode .footer{background:#070e18}.footer-waves{width:100%;line-height:0;position:absolute;top:-40px;left:0;overflow:hidden;transform:rotate(180deg)}.footer-waves svg{width:calc(100% + 1.3px);height:40px;display:block}.footer-waves path{fill:var(--footer-bg)}.footer-content{padding:var(--sp-16) 0 var(--sp-8);z-index:2;position:relative}.footer-grid{gap:var(--sp-10);margin-bottom:var(--sp-10);grid-template-columns:1.5fr 1fr 1.5fr;display:grid}.footer-brand{gap:var(--sp-4);flex-direction:column;display:flex}.footer-logo{align-items:center;gap:var(--sp-3);font-size:1.4rem;font-weight:700;font-family:var(--font-heading);color:#e4ecf4;display:flex}.footer-logo i{color:var(--accent-light)}.footer-brand p{color:#8aa9c9;font-size:.92rem}.footer-social{gap:var(--sp-5);margin-top:var(--sp-2);display:flex}.footer-social a{color:#8aa9c9;transition:color var(--transition), transform var(--transition);font-size:1.25rem}.footer-social a:hover{color:var(--accent-light);transform:translateY(-2px)}.footer-links h4,.footer-contact h4{margin-bottom:var(--sp-5);color:#e4ecf4;text-transform:uppercase;letter-spacing:2px;font-size:.78rem;font-weight:600}.footer-links ul{list-style:none}.footer-links li{margin-bottom:var(--sp-3)}.footer-links a{color:#8aa9c9;transition:color var(--transition);font-size:.92rem;text-decoration:none}.footer-links a:hover{color:var(--accent-light)}.footer-contact p{margin-bottom:var(--sp-3);color:#8aa9c9;align-items:center;gap:var(--sp-3);font-size:.92rem;display:flex}.footer-contact i{color:var(--accent-light);width:18px}.developer-credit a{color:var(--accent-light);border-bottom:1px dotted rgba(92,196,193,.4);text-decoration:none}.developer-credit a:hover{border-bottom-style:solid}.footer-bottom{padding:var(--sp-5) 0;text-align:center;color:#8aaccc;letter-spacing:.5px;border-top:1px solid rgba(255,255,255,.08);font-size:.82rem}.notification{bottom:var(--sp-8);right:var(--sp-8);background:var(--surface);color:var(--accent);padding:var(--sp-4) var(--sp-6);box-shadow:var(--shadow-hover);z-index:300;border:1px solid var(--accent);font-size:.9rem;font-weight:600;transition:transform .4s cubic-bezier(.4,0,.2,1);position:fixed;transform:translate(400px)}.notification.show{transform:translate(0)}.btn{padding:var(--sp-3) var(--sp-6);cursor:pointer;transition:background var(--transition), color var(--transition), transform .2s, box-shadow var(--transition);align-items:center;gap:var(--sp-2);border-radius:var(--radius);letter-spacing:.01em;background:0 0;border:1.5px solid transparent;font-family:inherit;font-size:.92rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}body.dark-mode .btn-primary{color:#0a141e}.btn-primary:hover{background:var(--primary-light);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,58,95,.25)}.btn-outline{border-color:var(--accent);color:var(--accent);background:0 0}.btn-outline:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.btn-large{padding:var(--sp-4) var(--sp-8);font-size:.95rem}.gsap-reveal{opacity:0;transform:translateY(32px)}.gsap-reveal-left{opacity:0;transform:translate(-40px)}.gsap-reveal-right{opacity:0;transform:translate(40px)}.gsap-reveal-scale{opacity:0;transform:scale(.92)}@media (max-width:900px){.details-grid,.leaders-grid{grid-template-columns:repeat(2,1fr)}.explore-grid{grid-template-columns:1fr}.footer-grid{gap:var(--sp-8);grid-template-columns:1fr}}@media (max-width:800px){.nav-links{display:none}.nav-links.active{top:60px;left:var(--sp-4);right:var(--sp-4);background:var(--surface);border:1px solid var(--border);padding:var(--sp-5);box-shadow:var(--shadow-hover);z-index:200;flex-direction:column;display:flex;position:absolute}.mobile-menu-btn{display:flex}.about-grid{grid-template-columns:1fr}}@media (max-width:600px){.section{padding:var(--sp-12) 0}.nav-actions{gap:var(--sp-2)}.btn-large{justify-content:center;width:100%}.hero-actions{flex-direction:column;align-items:stretch}.details-grid,.leaders-grid{grid-template-columns:1fr}.stats{gap:var(--sp-5);flex-direction:column}.about-highlight{border-left:none;border-top:3px solid var(--accent)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gsap-reveal,.gsap-reveal-left,.gsap-reveal-right,.gsap-reveal-scale{opacity:1!important;transform:none!important}.scroll-indicator{opacity:.5;animation:none}#bg-canvas{display:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) body:not(.light-mode):not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.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)}.dark-mode .card,.dark-mode .hero-content,.dark-mode .section>.container,.dark-mode .about-text,.dark-mode .detail-card,.dark-mode .leader-card,.dark-mode .resource-card,.dark-mode .production-card,.dark-mode .topic-card,.dark-mode .activity-card,.dark-mode .feature-card{background:rgba(13,15,26,.45);border:1px solid rgba(255,255,255,.06)}