.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}}.nav-toggle{color:var(--text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;font-size:1.3rem;display:flex}:root{--primary:#1e88e5;--secondary:#64b5f6;--accent:#0d47a1;--bg:#f7f8fa;--bg-alt:#eef1f5;--surface:#fff;--surface-hover:#f0f4f8;--border:#dde3ea;--border-accent:#c4d0dc;--text:#1a2332;--text-muted:#5a6a7e;--text-subtle:#8795a8;--nav-bg:rgba(247,248,250,.92);--footer-bg:#0a1929;--footer-text:#dfe6ee;--footer-muted:#b0c0d4;--hero-bg:linear-gradient(175deg, #eef1f5 0%, #f7f8fa 100%);--shadow-sm:0 1px 2px rgba(10,25,41,.06);--shadow-md:0 2px 8px rgba(10,25,41,.08);--shadow-lg:0 4px 16px rgba(10,25,41,.1);--sp-xs:.5rem;--sp-sm:1rem;--sp-md:2rem;--sp-lg:3rem;--sp-xl:5rem;--radius:2px;--radius-lg:4px;--ease:cubic-bezier(.25, .1, .25, 1);--duration:.3s;--font-body:"Noto Sans SC", sans-serif;--font-display:"EB Garamond", serif}.dark-theme{--bg:#0a1929;--bg-alt:#0d2137;--surface:#112a45;--surface-hover:#163352;--border:#1e3a5a;--border-accent:#264a6e;--accent:#64b5f6;--text:#e3edf7;--text-muted:#8aa4be;--text-subtle:#9cb6cc;--nav-bg:rgba(10,25,41,.94);--hero-bg:linear-gradient(175deg, #0d2137 0%, #0a1929 100%);--shadow-sm:0 1px 2px rgba(0,0,0,.2);--shadow-md:0 2px 8px rgba(0,0,0,.25);--shadow-lg:0 4px 16px rgba(0,0,0,.3)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration) var(--ease), color var(--duration) var(--ease);font-weight:400;line-height:1.7;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;transition:color var(--duration) var(--ease);text-decoration:none}ul,ol{list-style:none}.container{width:100%;max-width:1200px;padding:0 var(--sp-sm);margin:0 auto}section{width:100%}.section-padding{padding:var(--sp-xl) 0}h1,h2{font-family:var(--font-display);letter-spacing:-.015em;font-weight:500;line-height:1.2}h3,h4{font-family:var(--font-body);font-weight:600;line-height:1.3}p{margin-bottom:var(--sp-sm)}.section-header{text-align:center;margin-bottom:var(--sp-lg)}.section-title{color:var(--text);margin-bottom:var(--sp-xs);font-size:2.5rem}.section-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-size:.85rem;font-weight:600;display:inline-block;position:relative}.section-subtitle:after{content:"";background:var(--primary);width:32px;height:2px;margin:.5rem auto 0;display:block}.btn{text-align:center;cursor:pointer;border-radius:var(--radius);transition:all var(--duration) var(--ease);font-size:.95rem;font-weight:600;font-family:var(--font-body);letter-spacing:.01em;border:none;padding:.7rem 1.6rem;display:inline-block}.btn-primary{background-color:var(--accent);color:#fff}.dark-theme .btn-primary,.dark-theme .btn-primary:hover,.dark-theme .btn-secondary:hover{color:#06203a}.btn-primary:hover{background-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--accent);border:1.5px solid var(--accent);background-color:transparent}.btn-secondary:hover{background-color:var(--accent);color:#fff;transform:translateY(-1px)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-md);transition:all var(--duration) var(--ease)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.navbar{z-index:1000;background-color:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);width:100%;transition:background-color var(--duration) var(--ease), border-color var(--duration) var(--ease);padding:.75rem 0;position:fixed;top:0;left:0}.navbar .container{justify-content:space-between;align-items:center;display:flex}.nav-controls{align-items:center;gap:var(--sp-xs);display:flex}.theme-toggle{border:1.5px solid var(--border);color:var(--text-muted);border-radius:var(--radius);width:36px;height:36px;transition:all var(--duration) var(--ease);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.4rem;font-size:1rem;display:flex}.theme-toggle:hover{border-color:var(--primary);color:var(--primary)}.theme-toggle .fa-sun,.dark-theme .theme-toggle .fa-moon{display:none}.dark-theme .theme-toggle .fa-sun{display:block}.logo{color:var(--accent);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:700;display:flex}.logo-img{object-fit:contain;width:1.4rem;height:1.4rem;display:block}.nav-links{gap:var(--sp-md);list-style:none;display:flex}.nav-links a{color:var(--text-muted);letter-spacing:.01em;padding:.4rem 0;font-size:.92rem;font-weight:500;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:1.5px;transition:width var(--duration) var(--ease);position:absolute;bottom:0;left:0}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.menu-toggle{border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;width:36px;height:36px;transition:all var(--duration) var(--ease);background:0 0;justify-content:center;align-items:center;font-size:1.1rem;display:none}.menu-toggle:hover{border-color:var(--primary);color:var(--primary)}.hero{padding-top:7.5rem;padding-bottom:var(--sp-xl);background:var(--hero-bg);position:relative;overflow:clip}.hero .container{justify-content:space-between;align-items:center;gap:var(--sp-xl);display:flex}.hero-content{flex:1.2}.hero-title{color:var(--accent);margin-bottom:var(--sp-sm);font-size:3.5rem;line-height:1.08}.hero-subtitle{color:var(--text-muted);margin-bottom:var(--sp-md);font-size:1.35rem;font-weight:500;line-height:1.4;font-family:var(--font-body)}.hero-description{color:var(--text-muted);margin-bottom:var(--sp-lg);max-width:560px;font-size:1.05rem;line-height:1.8}.hero-features{gap:var(--sp-sm);margin-bottom:var(--sp-lg);flex-wrap:wrap;display:flex}.feature-item{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:all var(--duration) var(--ease);align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.9rem;display:flex}.feature-item:hover{border-color:var(--primary);transform:translateY(-1px)}.feature-item i{color:var(--primary);font-size:.95rem}.feature-item span{color:var(--text);font-weight:500}.hero-buttons{gap:var(--sp-sm);display:flex}.hero-image{align-items:center;gap:var(--sp-md);flex-direction:column;flex:.8;display:flex}.globe-container{justify-content:center;align-items:center;animation:6s ease-in-out infinite float;display:flex}.globe-img{object-fit:contain;width:9rem;height:9rem;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-tagline{text-align:center;padding:var(--sp-sm) var(--sp-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:360px}.hero-tagline p{color:var(--text);margin-bottom:.4rem;font-size:.95rem;font-weight:500}.hero-tagline p:last-child{margin-bottom:0}.hero-tagline i{color:var(--primary);margin-right:.35rem}.about-content{max-width:800px;margin:0 auto}.about-text h3{color:var(--text);margin-bottom:var(--sp-md);font-size:1.6rem}.about-highlights{gap:var(--sp-md);margin-top:var(--sp-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.highlight-item{align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);background-color:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius-lg);border-left:3px solid var(--primary);transition:all var(--duration) var(--ease);display:flex}.highlight-item:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.highlight-item i{color:var(--primary);flex-shrink:0;margin-top:.15rem;font-size:1.3rem}.highlight-item h4{color:var(--text);margin-bottom:.3rem;font-size:1rem}.highlight-item p{color:var(--text-muted);margin-bottom:0;font-size:.9rem;line-height:1.5}.activities-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.activity-card{text-align:center;padding:var(--sp-lg) var(--sp-md)}.card-icon{color:#fff;border-radius:var(--radius);background:var(--accent);width:52px;height:52px;margin:0 auto var(--sp-md);justify-content:center;align-items:center;font-size:1.6rem;display:flex}.activity-card h3{color:var(--text);margin-bottom:var(--sp-xs);font-size:1.25rem}.activity-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.leadership-grid{gap:var(--sp-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:600px;margin:0 auto;display:grid}.leader-card{text-align:center;padding:var(--sp-lg) var(--sp-md)}.leader-image{background:linear-gradient(135deg, var(--primary), var(--accent));width:100px;height:100px;margin:0 auto var(--sp-md);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.leader-card h3{color:var(--text);margin-bottom:.2rem;font-size:1.15rem}.leader-role{color:var(--primary);margin-bottom:var(--sp-sm);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.join-content{gap:var(--sp-xl);align-items:flex-start;display:flex}.join-text{flex:1}.join-text h2{color:var(--text);margin-bottom:var(--sp-md);font-size:2.2rem}.join-benefits{margin-top:var(--sp-md)}.join-benefits li{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.65rem;font-size:.95rem;display:flex}.join-benefits i{color:var(--primary);flex-shrink:0}.join-form{flex:1}.form-card{padding:var(--sp-lg);border-top:3px solid var(--primary)}.form-card h3{color:var(--text);margin-bottom:var(--sp-md);text-align:center;font-size:1.3rem}.form-group{margin-bottom:var(--sp-sm)}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;font-family:var(--font-body);background-color:var(--bg);color:var(--text);transition:border-color var(--duration) var(--ease);padding:.7rem .85rem;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px rgba(30,136,229,.12)}.form-note{margin-top:var(--sp-md);text-align:center;color:var(--text-subtle);font-size:.85rem;line-height:1.6}.footer{background-color:var(--footer-bg);color:#fff;padding:var(--sp-xl) 0 var(--sp-md)}.footer-content{gap:var(--sp-lg);margin-bottom:var(--sp-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.footer-logo-img{object-fit:contain;width:2rem;height:2rem;margin-bottom:var(--sp-sm);display:block}.footer-logo h3{color:#fff;margin-bottom:.4rem;font-size:1.3rem}.footer-logo p{color:var(--footer-text);margin-bottom:0;font-size:.9rem}.footer-links h4,.footer-contact h4,.footer-social h4{margin-bottom:var(--sp-sm);color:var(--secondary);text-transform:uppercase;letter-spacing:1px;font-size:1rem;font-weight:600}.footer-links li{margin-bottom:.4rem}.footer-links a{color:var(--footer-text);font-size:.9rem}.footer-links a:hover{color:var(--secondary)}.footer-contact p{color:var(--footer-text);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.footer-contact i{color:var(--secondary);width:18px}.footer-social p{color:var(--footer-text);margin-bottom:0;font-size:.9rem}.footer-bottom{text-align:center;padding-top:var(--sp-md);color:var(--footer-muted);border-top:1px solid rgba(255,255,255,.08);font-size:.85rem}[data-theme=dark] .footer-bottom,.dark-mode .footer-bottom,.dark-theme .footer-bottom,body.light-mode .footer-bottom{background:rgba(0,0,0,.2)}.footer-bottom p{margin-bottom:.2rem}.footer-bottom a{color:var(--secondary);text-decoration:underline}.notification{background:var(--accent);color:#fff;border-radius:var(--radius);box-shadow:var(--shadow-lg);transition:transform .4s var(--ease);z-index:9999;text-align:center;max-width:90vw;padding:.8rem 1.8rem;font-size:.9rem;font-weight:600;position:fixed;bottom:2rem;right:2rem;transform:translate(400px)}.notification.show{transform:translate(0)}.three-bg{z-index:-1;pointer-events:none;opacity:.12;width:100%;height:100%;transition:opacity .3s var(--ease);position:fixed;top:0;left:0}.dark-theme .three-bg{opacity:.12}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translate(-24px)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translate(24px)}.reveal-right.revealed{opacity:1;transform:translate(0)}@media (max-width:992px){.hero .container,.join-content{flex-direction:column}.hero-title{font-size:2.8rem}.hero-subtitle{font-size:1.2rem}.section-title{font-size:2.2rem}.hero-image{order:-1}.globe-img{width:7rem;height:7rem}}@media (max-width:768px){.nav-toggle{display:flex}.nav-links{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:100%;padding:var(--sp-sm) var(--sp-md);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);flex-direction:column;display:none;position:absolute;top:100%;left:0}.nav-links.active,.menu-toggle{display:flex}.hero-title{font-size:2.3rem}.hero-subtitle{font-size:1.1rem}.section-padding{padding:var(--sp-lg) 0}.hero-features{flex-direction:column;align-items:flex-start}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}}@media (max-width:480px){.hero-title{font-size:2rem}.section-title{font-size:1.8rem}.section-subtitle{font-size:.8rem}.join-text h2{font-size:1.8rem}.leader-card{padding:var(--sp-sm)}.footer-content{gap:var(--sp-md);grid-template-columns:1fr}.form-card{padding:var(--sp-md)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}.globe-img,.globe-container{animation:none}.reveal,.reveal-left,.reveal-right{opacity:1;transform: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-theme .card,.dark-theme .hero-content,.dark-theme .section>.container,.dark-theme .about-text,.dark-theme .detail-card,.dark-theme .leader-card,.dark-theme .resource-card,.dark-theme .production-card,.dark-theme .topic-card,.dark-theme .activity-card,.dark-theme .feature-card{background:rgba(13,15,26,.45);border:1px solid rgba(255,255,255,.06)}[class*=reveal]{opacity:1!important;transform:none!important}