:root{--font-display:"Outfit", sans-serif;--font-sans:"Plus Jakarta Sans", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-deep:#020206;--bg-darker:#050510;--bg-dark:#08081a;--bg-card:#08081a66;--border-glass:#ffffff14;--border-active:#00f5ff66;--color-star:#fff5e6;--color-star-glow:#ffc864f2;--color-cyan:#00f5ff;--color-purple:#8a2be2;--color-emerald:#00ff87;--color-gold:#fa0;--color-magenta:#ff007f;--text-primary:#f0f2ff;--text-secondary:#9ea2c6;--text-muted:#62668b;--glow-cyan:0 0 20px #00f5ff66;--glow-purple:0 0 20px #8a2be266;--glow-gold:0 0 20px #fa06;--glow-star:0 0 40px #ffdc96b3;font-family:var(--font-sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-size:16px;line-height:1.6;font-family:var(--font-sans);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-cyan);box-shadow:var(--glow-cyan)}#root{width:100%;min-height:100vh;position:relative;overflow:hidden}.universe-hud{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#05051073;border:1px solid #ffffff0d;border-radius:40px;justify-content:space-between;align-items:center;width:95%;max-width:1200px;padding:12px 30px;transition:all .4s;display:flex;position:fixed;top:15px;left:50%;transform:translate(-50%);box-shadow:0 15px 35px #0009}.universe-hud:before{content:"";background:linear-gradient(90deg, var(--color-cyan), var(--color-purple), var(--color-gold), var(--color-cyan));-webkit-mask-composite:xor;pointer-events:none;opacity:.7;background-size:300% 100%;border-radius:40px;padding:1px;animation:8s linear infinite sweep-glow;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes sweep-glow{0%{background-position:0 0}to{background-position:300% 0}}.logo-orbit-engine{vertical-align:middle;margin-right:10px;display:inline-block}.orbit-ring{fill:none;stroke:#ffffff26;stroke-width:.75px;transform-origin:50%}.orbit-ring-1{stroke-dasharray:4 6;animation:12s linear infinite slow-rotate}.orbit-ring-2{stroke:#00f5ff4d;stroke-dasharray:8 4;animation:8s linear infinite reverse slow-rotate}.orbit-ring-3{stroke:#8a2be266;animation:4s linear infinite slow-rotate}.orbit-core{fill:var(--color-cyan);filter:drop-shadow(0 0 4px var(--color-cyan));animation:2s ease-in-out infinite pulse-core}@keyframes pulse-core{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.hud-logo{font-family:var(--font-display);letter-spacing:2px;color:#fff;align-items:center;font-size:20px;font-weight:800;transition:opacity .3s;display:flex}.hud-logo span{background:linear-gradient(45deg, #fff, var(--color-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:4px}.hud-nav-wrapper{position:relative}.hud-menu{background:#ffffff05;border:1px solid #ffffff08;border-radius:30px;align-items:center;gap:0;padding:4px;list-style:none;display:flex;position:relative}.hud-nav-highlight{z-index:1;pointer-events:none;background:#00f5ff14;border:1px solid #00f5ff33;border-radius:20px;width:90px;height:calc(100% - 8px);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s;position:absolute;top:4px;left:4px;box-shadow:0 0 10px #00f5ff0d}.hud-link{font-family:var(--font-display);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;z-index:2;padding:8px 0;font-size:11px;font-weight:700;text-decoration:none;transition:color .3s;display:block;position:relative}.hud-link:hover{color:#fff}.hud-link.active{color:var(--color-cyan);text-shadow:0 0 8px #00f5ff4d}.hud-actions-group{align-items:center;gap:15px;display:flex}.mobile-text{display:none!important}.desktop-text{display:inline!important}.theme-toggle-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:700;transition:all .3s;display:flex}.theme-toggle-btn:hover{border-color:var(--color-cyan);color:#fff;box-shadow:var(--glow-cyan);background:#00f5ff14}.theme-toggle-indicator{border-radius:50%;width:6px;height:6px;transition:all .3s}.matrix-toggle-btn{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;background:#ffffff05;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:700;transition:all .3s;display:flex}.matrix-toggle-btn:hover,.matrix-toggle-btn.active{border-color:var(--color-purple);color:#fff;box-shadow:var(--glow-purple);background:#8a2be214}.matrix-blink{background:var(--color-purple);width:6px;height:6px;box-shadow:var(--glow-purple);border-radius:50%;animation:1.5s infinite alternate blink-dot}.hud-cta{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1.5px;border:1px solid var(--color-cyan);color:var(--color-cyan);cursor:pointer;background:#00f5ff14;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:11px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 0 10px #00f5ff1a}.hud-cta-pulse{background:var(--color-emerald);width:6px;height:6px;box-shadow:0 0 8px var(--color-emerald);border-radius:50%;animation:1.2s infinite alternate blink-dot}@keyframes blink-dot{0%{opacity:.3}to{opacity:1}}.hud-cta:hover{background:var(--color-cyan);color:#000;box-shadow:var(--glow-cyan)}.hud-cta:hover .hud-cta-pulse{box-shadow:none;background:#020206}.matrix-overlay{-webkit-backdrop-filter:blur(20px);z-index:1001;background:#020206d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s ease-out fade-in-overlay;display:flex;position:fixed;top:0;left:0}@keyframes fade-in-overlay{0%{opacity:0}to{opacity:1}}.matrix-container{background:linear-gradient(135deg,#08081acc,#020206f2);border:1px solid #8a2be233;border-radius:16px;width:90%;max-width:900px;padding:40px;animation:.4s cubic-bezier(.16,1,.3,1) scale-up-matrix;position:relative;box-shadow:0 25px 60px #000c,0 0 40px #8a2be21a}@keyframes scale-up-matrix{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.matrix-header{border-bottom:1px solid #ffffff14;margin-bottom:30px;padding-bottom:20px;position:relative}.matrix-header h3{font-family:var(--font-display);letter-spacing:2px;color:#fff;font-size:24px;font-weight:800}.matrix-header p{color:var(--text-secondary);margin-top:4px;font-size:13px}.matrix-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:28px;transition:color .2s;position:absolute;top:0;right:0}.matrix-close:hover{color:#fff}.matrix-grid{grid-template-columns:repeat(3,1fr);gap:15px;max-height:55vh;padding-right:5px;display:grid;overflow-y:auto}.matrix-grid::-webkit-scrollbar{width:4px}.matrix-grid::-webkit-scrollbar-thumb{background:#8a2be233;border-radius:2px}.matrix-card{border:1px solid var(--border-glass);cursor:pointer;background:#ffffff05;border-radius:8px;flex-direction:column;gap:4px;padding:16px;transition:all .3s;display:flex;position:relative}.matrix-card-border{pointer-events:none;border:1.5px solid #0000;border-radius:8px;width:100%;height:100%;transition:border-color .3s;position:absolute;top:0;left:0}.matrix-card:hover{background:#8a2be20a;transform:translateY(-2px)}.matrix-card:hover .matrix-card-border{border-color:#8a2be24d}.matrix-card.active{background:#00f5ff0a}.matrix-card.active .matrix-card-border{border-color:var(--color-cyan);box-shadow:inset 0 0 15px #00f5ff1a}.matrix-sec-num{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.matrix-card.active .matrix-sec-num{color:var(--color-cyan)}.matrix-sec-label{font-family:var(--font-display);color:#fff;text-transform:uppercase;font-size:14px;font-weight:700}.matrix-sec-status{font-family:var(--font-mono);color:var(--text-muted);margin-top:4px;font-size:9px}.matrix-card.active .matrix-sec-status{color:var(--color-cyan)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:12px;padding:30px;transition:border-color .3s,box-shadow .3s;box-shadow:0 20px 40px #00000080}.glass-panel:hover{border-color:#ffffff26}.glass-panel.interactive{cursor:pointer}.glass-panel.interactive:hover{border-color:var(--color-cyan);box-shadow:0 10px 30px #00f5ff1a,0 0 0 1px #00f5ff33}.scroll-hud-indicator{z-index:100;font-family:var(--font-display);flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:fixed;bottom:30px;right:40px}.scroll-hud-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.scroll-hud-dots{gap:6px;display:flex}.scroll-hud-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;transition:all .3s}.scroll-hud-dot.active{background:var(--color-cyan);box-shadow:var(--glow-cyan);transform:scale(1.3)}.coordinates-hud{font-family:var(--font-mono);color:var(--text-muted);z-index:100;pointer-events:none;flex-direction:column;gap:4px;font-size:12px;display:flex;position:fixed;bottom:30px;left:40px}.coordinates-hud span{color:var(--text-secondary)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes slow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-cyan{0%,to{border-color:#00f5ff4d;box-shadow:0 0 15px #00f5ff4d}50%{border-color:#00f5ffb3;box-shadow:0 0 30px #00f5ff99}}@keyframes pulse-star{0%,to{filter:drop-shadow(0 0 30px #ffdc9666);transform:scale(1)}50%{filter:drop-shadow(0 0 60px #ffdc96cc);transform:scale(1.03)}}@keyframes glow-text{0%,to{text-shadow:0 0 10px #ffffff1a}50%{text-shadow:0 0 25px #00f5ff80}}.glow-animation-text{animation:4s ease-in-out infinite glow-text}.flex-center{justify-content:center;align-items:center;display:flex}.text-gradient-cyan{background:linear-gradient(45deg, #fff, var(--color-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-purple{background:linear-gradient(45deg, #fff, var(--color-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.text-gradient-gold{background:linear-gradient(45deg, #fff, var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.theme-sapphire{--bg-deep:#02040c;--bg-darker:#040818;--bg-dark:#081030;--bg-card:#08103073;--border-glass:#d4af371f;--border-active:#d4af3766;--color-cyan:#28f;--color-purple:#9c27b0;--color-emerald:#00fa9a;--color-gold:#d4af37;--color-magenta:#e91e63;--text-primary:#fffbf0;--text-secondary:#c8b996;--text-muted:#807050;--glow-cyan:0 0 20px #28f6;--glow-purple:0 0 20px #9c27b066;--glow-gold:0 0 20px #d4af3780;--glow-star:0 0 40px #d4af37b3}.theme-emerald{--bg-deep:#020705;--bg-darker:#04100c;--bg-dark:#072018;--bg-card:#07201873;--border-glass:#b76e791f;--border-active:#b76e7973;--color-cyan:#10b981;--color-purple:#d946ef;--color-emerald:#34d399;--color-gold:#cfb53b;--color-magenta:#b76e79;--text-primary:#f0f7f4;--text-secondary:#a3b899;--text-muted:#6b8260;--glow-cyan:0 0 20px #10b98166;--glow-purple:0 0 20px #d946ef66;--glow-gold:0 0 20px #b76e7980;--glow-star:0 0 40px #b76e79b3}.universe-container{background-color:var(--bg-deep);z-index:1;width:100%;position:relative}.world-section{box-sizing:border-box;border-bottom:1px solid #ffffff08;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:120px 8%;display:flex;position:relative;overflow:hidden}.world-content{z-index:5;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.world-header{text-align:center;margin-bottom:40px}.world-number{font-family:var(--font-mono);letter-spacing:4px;text-transform:uppercase;color:var(--color-cyan);text-shadow:var(--glow-cyan);margin-bottom:10px;font-size:14px;font-weight:700;display:block}.world-title{font-family:var(--font-display);letter-spacing:-1.5px;color:#fff;text-transform:uppercase;margin-bottom:16px;font-size:48px;font-weight:800;line-height:1.1}.world-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px;font-weight:400}.origin-star-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);display:flex}.hero-star-wrapper{cursor:pointer;width:250px;height:250px;margin-bottom:50px;position:relative}.hero-star-core{background:radial-gradient(circle,#fff 30%,#fff0b3 60%,#fa06 100%);border-radius:50%;width:100px;height:100px;animation:6s ease-in-out infinite pulse-star;position:absolute;top:75px;left:75px;box-shadow:0 0 80px 30px #ffc864cc,0 0 160px 60px #ff960066}.hero-star-particles{border:1px dashed #ffffff1a;border-radius:50%;width:100%;height:100%;animation:30s linear infinite slow-rotate;position:absolute}.hero-star-particles:before{content:"";background:var(--color-cyan);width:8px;height:8px;box-shadow:var(--glow-cyan);border-radius:50%;position:absolute;top:-4px;left:50%}.hero-headline{font-family:var(--font-display);letter-spacing:-2px;color:#fff;text-transform:uppercase;max-width:900px;margin-bottom:24px;font-size:72px;font-weight:900;line-height:1.05}.hero-headline span{background:linear-gradient(to right, #fff, var(--color-cyan), var(--color-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:block}.hero-cta-group{gap:20px;margin-top:20px;display:flex}.btn-primary{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg, var(--color-cyan) 0%, var(--color-purple) 100%);color:#020206;cursor:pointer;border:none;border-radius:4px;padding:16px 40px;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 0 30px #00f5ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 40px #00f5ff99,0 0 20px #8a2be266}.btn-secondary{font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;color:#fff;border:1px solid var(--border-glass);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:4px;padding:16px 40px;font-size:14px;font-weight:700;transition:all .3s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.galaxy-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:500px;display:grid}.galaxy-visualizer{aspect-ratio:1;background:radial-gradient(circle,#8a2be20d 0%,#0000 70%);border-radius:50%;width:100%;max-width:500px;margin:0 auto;position:relative}.galaxy-core{background:radial-gradient(circle, #fff, var(--color-cyan));width:60px;height:60px;box-shadow:0 0 30px var(--color-cyan);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.galaxy-orbit{border:1px dashed #ffffff14;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.planet-node{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.planet-node:hover{transform:translate(-50%,-50%)scale(1.3)}.planet-label{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;pointer-events:none;font-size:11px;font-weight:700;position:absolute;top:36px}.galaxy-info{flex-direction:column;justify-content:center;display:flex}.galaxy-details-panel{border-left:3px solid var(--color-cyan);padding:40px}.galaxy-details-panel h3{font-family:var(--font-display);text-transform:uppercase;color:#fff;margin-bottom:12px;font-size:32px;font-weight:700}.galaxy-details-panel p{color:var(--text-secondary);margin-bottom:24px;font-size:16px}.galaxy-stats{grid-template-columns:1fr 1fr;gap:20px;display:grid}.galaxy-stat-box{border:1px solid var(--border-glass);background:#ffffff05;border-radius:6px;padding:16px}.galaxy-stat-val{font-family:var(--font-display);color:var(--color-cyan);font-size:20px;font-weight:700}.galaxy-stat-lbl{color:var(--text-muted);text-transform:uppercase;margin-top:4px;font-size:12px}.tunnel-stage-container{grid-template-columns:repeat(5,1fr);gap:20px;margin-top:50px;display:grid}.tunnel-stage-card{border:1px solid var(--border-glass);cursor:pointer;background:linear-gradient(#0202064d 0%,#050510e6 100%);border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:380px;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.tunnel-stage-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#00f5ff1a 0%,#0000 70%);width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.tunnel-stage-card:hover{border-color:var(--color-cyan);transform:translateY(-10px);box-shadow:0 10px 30px #00f5ff26}.tunnel-stage-card:hover:before{opacity:1}.tunnel-stage-card.active{border-color:var(--color-cyan);box-shadow:var(--glow-cyan);background:linear-gradient(#08081a99 0%,#00f5ff26 100%)}.tunnel-stage-num{font-family:var(--font-mono);color:#ffffff0d;font-size:36px;font-weight:800;transition:color .3s;position:absolute;top:20px;right:20px}.tunnel-stage-card:hover .tunnel-stage-num,.tunnel-stage-card.active .tunnel-stage-num{color:var(--color-cyan)}.tunnel-stage-title{font-family:var(--font-display);color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.tunnel-stage-desc{color:var(--text-secondary);font-size:13px}.tunnel-wormhole-canvas{border:1px solid var(--border-glass);background:#020206;border-radius:8px;width:100%;height:150px;margin-bottom:20px;position:relative;overflow:hidden}.city-container{grid-template-columns:1.1fr .9fr;align-items:stretch;gap:40px;margin-bottom:60px;display:grid}.campus-stats-grid{grid-template-columns:repeat(6,1fr);gap:15px;display:grid}.city-blueprint-view{aspect-ratio:1.5;border:1px solid var(--border-glass);background:radial-gradient(circle,#0a0a1e99 0%,#020206f2 100%);border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 50px #00f5ff0d}.city-svg-map{width:100%;height:100%}.city-building-outline{fill:none;stroke:#ffffff14;stroke-width:1.5px;cursor:pointer;transition:all .4s}.city-building-outline:hover,.city-building-outline.active{stroke:var(--color-cyan);stroke-width:2.5px;filter:drop-shadow(var(--glow-cyan));fill:#00f5ff08}.city-building-glow{stroke:var(--color-purple);opacity:.5;animation:3s infinite alternate pulse-cyan}.city-building-tag{fill:var(--text-muted);font-family:var(--font-display);text-anchor:middle;pointer-events:none;font-size:10px;font-weight:700}.city-building-outline:hover+.city-building-tag,.city-building-outline.active+.city-building-tag{fill:#fff}.city-info-panel{flex-direction:column;display:flex}.core-dashboard{grid-template-columns:1.8fr 1.2fr;gap:30px;display:grid}.core-hud-screen{border:1px solid var(--border-glass);background:linear-gradient(135deg,#08081acc 0%,#020206f2 100%);border-radius:12px;padding:30px;position:relative;overflow:hidden}.core-reactor-graphic{background:#020206;border:1px solid #ffffff0d;border-radius:8px;width:100%;height:250px;margin-bottom:24px;position:relative;overflow:hidden}.reactor-beam{background:linear-gradient(to bottom, var(--color-cyan), var(--color-purple));width:2px;height:80%;box-shadow:var(--glow-cyan);position:absolute;top:10%;left:50%}.reactor-ring{border:2px solid var(--color-cyan);opacity:.3;border-radius:50%;animation:10s linear infinite slow-rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core-metrics-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.core-metric-card{border:1px solid var(--border-glass);text-align:center;background:#ffffff05;border-radius:8px;padding:20px 15px}.core-metric-val{font-family:var(--font-mono);color:var(--color-emerald);font-size:32px;font-weight:700}.core-metric-lbl{color:var(--text-muted);text-transform:uppercase;margin-top:6px;font-size:11px}.core-pathways-panel{flex-direction:column;gap:16px;display:flex}.core-path-item{border:1px solid var(--border-glass);cursor:pointer;background:#ffffff05;border-radius:8px;flex-direction:column;gap:8px;padding:16px;display:flex}.core-path-item:hover{border-color:var(--color-cyan)}.core-path-meta{justify-content:space-between;align-items:center;display:flex}.core-path-title{font-family:var(--font-display);text-transform:uppercase;font-size:14px;font-weight:700}.core-path-pct{font-family:var(--font-mono);color:var(--color-cyan);font-size:13px}.core-path-bar{background:#ffffff0d;border-radius:2px;width:100%;height:4px;overflow:hidden}.core-path-fill{background:linear-gradient(to right, var(--color-cyan), var(--color-purple));border-radius:2px;height:100%;transition:width 1s ease-in-out}.realms-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.realm-portal{aspect-ratio:.85;border:1px solid var(--border-glass);cursor:pointer;background:#04040f;border-radius:12px;flex-direction:column;justify-content:flex-end;padding:30px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.realm-portal-ring{border:2px dashed #ffffff1a;border-radius:50%;width:100px;height:100px;transition:all .6s;position:absolute;top:25%;left:50%;transform:translate(-50%,-50%)rotate(0)}.realm-portal:hover{border-color:var(--color-cyan);transform:translateY(-8px);box-shadow:0 15px 40px #00f5ff26}.realm-portal:hover .realm-portal-ring{border-color:var(--color-cyan);border-style:solid;width:130px;height:130px;transform:translate(-50%,-50%)rotate(180deg);box-shadow:0 0 20px #00f5ff33}.realm-title{font-family:var(--font-display);text-transform:uppercase;color:#fff;z-index:2;margin-bottom:6px;font-size:22px;font-weight:700}.realm-desc{color:var(--text-secondary);z-index:2;font-size:13px}.multiverse-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.multiverse-web{aspect-ratio:1.1;width:100%;max-width:480px;margin:0 auto;position:relative}.multiverse-center{border:1px solid var(--color-purple);width:90px;height:90px;font-family:var(--font-display);text-align:center;letter-spacing:1px;text-transform:uppercase;z-index:10;box-shadow:var(--glow-purple);background:radial-gradient(circle,#8a2be24d 0%,#020206e6 100%);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.multiverse-node{border:1px solid var(--border-glass);cursor:pointer;background:#05050fd9;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;transform:translate(-50%,-50%)}.multiverse-node:hover,.multiverse-node.active{border-color:var(--color-cyan);box-shadow:var(--glow-cyan);transform:translate(-50%,-50%)scale(1.15)}.multiverse-node svg{width:20px;height:20px;color:var(--text-secondary);transition:color .3s}.multiverse-node:hover svg,.multiverse-node.active svg{color:var(--color-cyan)}.multiverse-connector{transform-origin:0;z-index:1;background:linear-gradient(90deg,#8a2be24d,#00f5ff0d);width:50%;height:1px;position:absolute;top:50%;left:50%}.monument-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.monument-graphic{aspect-ratio:.9;width:100%;max-width:450px;margin:0 auto;position:relative}.crystal-base{border:1px solid var(--border-glass);background:#ffffff0d;border-radius:50%/10px;width:80%;height:20px;position:absolute;bottom:0;left:10%}.crystal-shard{cursor:pointer;clip-path:polygon(50% 0%,100% 30%,80% 90%,20% 90%,0% 30%);transition:all .4s;position:absolute}.crystal-shard-1{width:90px;height:230px;box-shadow:var(--glow-cyan);z-index:5;background:linear-gradient(#8a2be24d,#00f5ffcc);bottom:20px;left:40%}.crystal-shard-2{z-index:4;background:linear-gradient(#00f5ff33,#8a2be299);width:70px;height:180px;bottom:20px;left:22%;transform:rotate(-10deg)}.crystal-shard-3{z-index:4;background:linear-gradient(#ff007f33,#fa09);width:75px;height:190px;bottom:20px;right:20%;transform:rotate(12deg)}.crystal-shard:hover{transform:scale(1.08) translateY(-5px) rotate(var(--rot,0deg));filter:brightness(1.2)}.crystal-shard-1:hover{--rot:0deg}.crystal-shard-2:hover{--rot:-10deg}.crystal-shard-3:hover{--rot:12deg}.mentors-container{grid-template-columns:1.2fr .8fr;gap:40px;display:grid}.mentors-constellation-map{aspect-ratio:1.4;border:1px solid var(--border-glass);background:#02020680;border-radius:12px;width:100%;position:relative;overflow:hidden}.mentor-node-star{cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px;transition:all .3s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px #fff}.mentor-node-star:hover,.mentor-node-star.active{box-shadow:0 0 20px var(--color-cyan), 0 0 30px var(--color-cyan);background:var(--color-cyan);transform:translate(-50%,-50%)scale(1.4)}.mentor-constellation-svg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.mentor-constellation-line{stroke:#ffffff0d;stroke-width:1px;stroke-dasharray:4 4}.mentor-constellation-line.active{stroke:var(--color-cyan);stroke-width:1.5px;stroke-dasharray:none;opacity:.7}.parent-dashboard-grid{grid-template-columns:1fr 1.5fr;gap:30px;display:grid}.parent-quick-stats{flex-direction:column;gap:20px;display:flex}.parent-stat-card{padding:24px}.parent-hud-layout{grid-template-rows:auto 1fr;gap:20px;display:grid}.hud-panel-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;padding-bottom:15px;display:flex}.hud-panel-title{font-family:var(--font-display);text-transform:uppercase;font-size:18px;font-weight:700}.parent-grid-tracker{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.tracker-node{border:1px solid var(--border-glass);text-align:center;background:#ffffff05;border-radius:6px;padding:16px}.tracker-status{border-radius:50%;width:8px;height:8px;margin:0 auto 12px}.tracker-status.green{background:var(--color-emerald);box-shadow:0 0 10px var(--color-emerald)}.tracker-lbl{color:var(--text-muted);text-transform:uppercase;font-size:11px}.tracker-val{font-family:var(--font-display);color:#fff;margin-top:4px;font-size:14px;font-weight:700}.voices-carousel{perspective:1000px;justify-content:center;align-items:center;min-height:350px;display:flex;position:relative}.voice-hologram-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);opacity:0;pointer-events:none;background:#08081ab3;border-radius:12px;width:100%;max-width:600px;padding:40px;transition:all .6s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateZ(-200px)rotateY(20deg);box-shadow:0 30px 60px #0009}.voice-hologram-card.active{opacity:1;pointer-events:all;border-color:var(--color-cyan);transform:translateZ(0)rotateY(0);box-shadow:0 10px 40px #00f5ff1a,0 0 0 1px #00f5ff33}.voice-hologram-card.prev{opacity:.3;transform:translate(-80%)translateZ(-150px)rotateY(30deg)}.voice-hologram-card.next{opacity:.3;transform:translate(80%)translateZ(-150px)rotateY(-30deg)}.voice-content{font-family:var(--font-sans);color:var(--text-primary);margin-bottom:24px;font-size:18px;font-style:italic;line-height:1.6}.voice-meta{justify-content:space-between;align-items:center;display:flex}.voice-user-name{font-family:var(--font-display);color:#fff;font-weight:700}.voice-user-role{color:var(--text-muted);text-transform:uppercase;font-size:12px}.audio-wave-bars{align-items:flex-end;gap:3px;height:24px;display:flex}.audio-wave-bar{background:var(--color-cyan);border-radius:1px;width:2px}.gateway-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.gateway-portal-visualizer{aspect-ratio:1;width:100%;max-width:400px;margin:0 auto;position:relative}.gateway-portal-frame{border:1px solid #ffffff0d;border-radius:50%;width:100%;height:100%;position:absolute}.gateway-portal-ring-active{border:2px solid var(--color-gold);width:90%;height:90%;box-shadow:var(--glow-gold);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);border-radius:50%;transition:clip-path .8s;position:absolute;top:5%;left:5%}.gateway-steps-list{flex-direction:column;gap:16px;display:flex}.gateway-step-item{border:1px solid var(--border-glass);cursor:pointer;background:#ffffff05;border-radius:8px;gap:20px;padding:16px;transition:all .3s;display:flex}.gateway-step-item:hover,.gateway-step-item.active{border-color:var(--color-gold);background:#ffaa0008}.gateway-step-num{font-family:var(--font-mono);color:var(--text-muted);font-size:18px;font-weight:700}.gateway-step-item.active .gateway-step-num{color:var(--color-gold)}.gateway-step-title{font-family:var(--font-display);color:#fff;text-transform:uppercase;font-size:16px;font-weight:700}.gateway-step-desc{color:var(--text-secondary);margin-top:4px;font-size:13px}.network-container{border:1px solid var(--border-glass);background:#020206;border-radius:12px;width:100%;height:450px;position:relative;overflow:hidden}.network-graph-svg{width:100%;height:100%}.network-node{cursor:pointer}.network-node-circle{fill:#050510;stroke:#ffffff26;stroke-width:1.5px;transition:all .3s}.network-node:hover .network-node-circle,.network-node.active .network-node-circle{stroke:var(--color-cyan);fill:#00f5ff1a;filter:drop-shadow(var(--glow-cyan))}.network-node-text{fill:var(--text-secondary);font-family:var(--font-display);text-anchor:middle;font-size:12px;font-weight:600}.network-node:hover .network-node-text,.network-node.active .network-node-text{fill:#fff}.news-sphere-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.news-sphere-visualizer{aspect-ratio:1;border:1px solid #ffffff0d;border-radius:50%;width:100%;max-width:400px;margin:0 auto;position:relative}.news-orbiting-panel{border:1px solid var(--border-glass);cursor:pointer;white-space:nowrap;font-family:var(--font-display);color:var(--color-cyan);background:#08081acc;border-radius:20px;padding:10px 18px;font-size:12px;font-weight:600;transition:all .3s;position:absolute}.news-orbiting-panel:hover{border-color:var(--color-cyan);box-shadow:var(--glow-cyan);color:#fff}.finale-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.finale-glow-star{background:radial-gradient(circle, #fff, var(--color-cyan));border-radius:50%;width:120px;height:120px;margin-bottom:40px;animation:8s ease-in-out infinite pulse-star;box-shadow:0 0 100px 30px #00f5ffb3}.finale-headline{font-family:var(--font-display);text-transform:uppercase;color:#fff;margin-bottom:20px;font-size:64px;font-weight:900}.finale-subheading{color:var(--text-secondary);max-width:700px;margin:0 auto 40px;font-size:20px}.finale-cta-group{gap:20px;display:flex}.mission-footer{border-top:1px solid var(--border-glass);z-index:10;background:#020206;padding:80px 8% 40px;position:relative}.footer-grid{grid-template-columns:2fr repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto;display:grid}.footer-brand h4{font-family:var(--font-display);letter-spacing:1px;color:#fff;margin-bottom:15px;font-size:24px;font-weight:800}.footer-brand p{color:var(--text-secondary);max-width:320px;font-size:14px}.footer-col h5{font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;color:var(--color-cyan);margin-bottom:20px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-link{color:var(--text-secondary);font-size:13px;text-decoration:none;transition:color .3s}.footer-link:hover{color:#fff}.footer-bottom{max-width:1200px;color:var(--text-muted);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin:60px auto 0;padding-top:30px;font-size:12px;display:flex}@media (width<=1024px){.campus-stats-grid{grid-template-columns:repeat(3,1fr)!important}.realms-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.universe-hud{width:94%!important;padding:8px 12px!important;top:10px!important}.hud-logo{font-size:13px!important}.hud-logo span{display:none!important}.logo-orbit-engine{width:20px!important;height:20px!important;margin-right:4px!important}.hud-nav-wrapper{display:none!important}.hud-actions-group{gap:6px!important}.desktop-text{display:none!important}.mobile-text{display:inline!important}.matrix-toggle-btn{letter-spacing:1px!important;gap:4px!important;padding:6px 8px!important;font-size:8.5px!important}.theme-toggle-btn{border-radius:50%!important;justify-content:center!important;gap:0!important;width:26px!important;height:26px!important;padding:6px!important}.theme-btn-text{display:none!important}.theme-toggle-indicator{margin:0!important}.hud-cta{letter-spacing:1px!important;gap:4px!important;padding:6px 10px!important;font-size:8.5px!important}.matrix-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;max-height:60vh!important}@media (width<=480px){.matrix-grid{grid-template-columns:1fr!important}}.matrix-container{width:95%!important;padding:20px!important}.coordinates-hud,.scroll-hud-indicator{display:none!important}.world-section{min-height:auto!important;padding:80px 20px!important}.world-title{font-size:32px!important}.world-subtitle{font-size:15px!important}.hero-headline{font-size:38px!important;line-height:1.15!important}.hero-star-wrapper{width:180px!important;height:180px!important;margin-bottom:30px!important}.hero-star-core{width:70px!important;height:70px!important;top:55px!important;left:55px!important}.hero-cta-group{flex-direction:column!important;gap:12px!important;width:100%!important;padding:0 10px!important}.btn-primary,.btn-secondary{text-align:center!important;width:100%!important;padding:14px 20px!important}.galaxy-container{grid-template-columns:1fr!important;gap:30px!important}.galaxy-info{width:100%!important}.galaxy-visualizer{max-width:290px!important;height:290px!important}.galaxy-details-panel{padding:20px!important}.galaxy-details-panel h3{font-size:24px!important}.tunnel-stage-container{grid-template-columns:1fr!important;gap:16px!important}.tunnel-stage-card{min-height:auto!important;padding:20px!important}.city-container{grid-template-columns:1fr!important;gap:30px!important}.campus-chapters-nav{justify-content:center!important;gap:6px!important}.campus-chapters-nav button{padding:6px 12px!important;font-size:10px!important}.campus-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.core-dashboard{grid-template-columns:1fr!important;gap:25px!important}.core-hud-screen{padding:20px!important}.core-metrics-grid{grid-template-columns:1fr!important;gap:10px!important}.realms-grid{grid-template-columns:1fr!important;gap:20px!important}.multiverse-container{grid-template-columns:1fr!important;gap:30px!important}.multiverse-web{max-width:290px!important;height:290px!important}.monument-container{grid-template-columns:1fr!important;gap:30px!important}.monument-graphic{max-width:290px!important;height:290px!important}.mentors-container{grid-template-columns:1fr!important;gap:30px!important}.mentors-constellation-map{height:250px!important}.parent-dashboard-grid{grid-template-columns:1fr!important;gap:20px!important}.parent-grid-tracker{grid-template-columns:1fr 1fr!important}.voice-hologram-card{padding:24px!important}.voice-content{font-size:15px!important}.gateway-container{grid-template-columns:1fr!important;gap:30px!important}.gateway-portal-visualizer{max-width:280px!important;height:280px!important}.network-container{height:350px!important}.news-sphere-container{grid-template-columns:1fr!important;gap:30px!important}.news-sphere-visualizer{max-width:280px!important;height:280px!important}.finale-headline{font-size:32px!important}.finale-subheading{font-size:15px!important}.finale-cta-group{flex-direction:column!important;gap:12px!important;width:100%!important;padding:0 20px!important}.footer-grid{grid-template-columns:1fr!important;gap:30px!important}.footer-bottom{text-align:center!important;flex-direction:column!important;gap:15px!important}}