@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}:root{--bg: rgba(2, 5, 10, .6);--bg2: rgba(6, 13, 22, .65);--surface: rgba(10, 22, 40, .65);--glass: rgba(10, 22, 40, .6);--green: #00ff88;--green2: #00cc6a;--cyan: #00d4ff;--orange: #ff6b2b;--gold: #ffb84d;--purple: #9b59ff;--pink: #ff4d9b;--text: #ffffff;--text2: #a0b8d0;--border: rgba(0, 212, 255, .1);--border2: rgba(0, 255, 136, .15);--card: rgba(6, 13, 22, .82);--aura-color: var(--cyan);--aura-glow: rgba(0, 212, 255, .3);--font-disp: "Orbitron", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "Fira Code", monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-padding-top:100px;font-size:112.5%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{background:radial-gradient(circle at 20% 20%,var(--aura-glow) 0%,rgba(2,6,16,.85) 50%),radial-gradient(circle at 80% 80%,rgba(155,89,255,.08) 0%,transparent 60%),radial-gradient(circle at 50% 50%,rgba(0,255,136,.04) 0%,transparent 70%),#020610;background-attachment:fixed;color:var(--text);font-family:var(--font-body);font-size:1.05rem;overflow-x:hidden;line-height:1.6;animation:techBgPulse 15s ease-in-out infinite alternate}#boot-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;background:#02050afa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-mono);color:var(--green);transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s}#boot-overlay.booted{opacity:0;pointer-events:none;visibility:hidden}.boot-gate{position:absolute;top:0;bottom:0;width:50%;background:#030712;border-right:1px solid var(--border);z-index:1;transition:transform .8s cubic-bezier(.77,0,.175,1)}.gate-left{left:0;border-right:1px solid var(--green)}.gate-right{right:0;border-left:1px solid var(--green)}#boot-overlay.booting-out .gate-left{transform:translate(-100%)}#boot-overlay.booting-out .gate-right{transform:translate(100%)}.boot-container{position:relative;z-index:2;width:90%;max-width:750px;display:flex;flex-direction:column;gap:24px;text-align:center;padding:40px 30px;background:#060d16e6;border:1px solid var(--border2);border-radius:8px;box-shadow:0 0 50px #00ff8826}.boot-header{border-bottom:1px solid var(--border);padding-bottom:14px}.boot-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-size:.68rem;color:var(--text2);letter-spacing:1.5px;text-align:left}.boot-brand{margin:10px 0}.boot-ascii{font-family:var(--font-mono);font-size:.65rem;line-height:1.1;color:var(--green);text-shadow:0 0 15px rgba(0,255,136,.6);white-space:pre;overflow-x:auto;margin-bottom:12px}.boot-subtitle{font-size:.72rem;color:var(--cyan);letter-spacing:3px;font-weight:700}.boot-controls{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:10px}#boot-btn{padding:14px 28px;background:var(--green);color:#000;border:none;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:2px;cursor:pointer;border-radius:4px;transition:all .3s;box-shadow:0 0 20px #0f86}#boot-btn:hover{background:var(--cyan);box-shadow:0 0 35px var(--cyan);transform:translateY(-2px)}#boot-skip-btn{padding:14px 24px;background:#ffffff0d;border:1px solid var(--border);color:var(--text2);font-family:var(--font-mono);font-size:.75rem;letter-spacing:1.5px;cursor:pointer;border-radius:4px;transition:all .3s}#boot-skip-btn:hover{color:#fff;border-color:var(--text2);background:#ffffff1a}#boot-terminal{background:#010307;border:1px solid var(--border);border-radius:4px;padding:14px;height:110px;overflow-y:auto;text-align:left;font-size:.7rem;line-height:1.5}.boot-log.success{color:var(--green)}.boot-progress-wrap{display:flex;flex-direction:column;gap:8px}.boot-progress-info{display:flex;justify-content:space-between;font-size:.7rem;color:var(--cyan)}.boot-progress-bar-bg{height:8px;background:#ffffff14;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.boot-progress-bar{height:100%;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 15px var(--green);transition:width .3s ease}@keyframes techBgPulse{0%{background-position:0% 0%,100% 100%,50% 50%}50%{background-position:50% 30%,50% 70%,70% 30%}to{background-position:100% 100%,0% 0%,30% 70%}}#cursor{position:fixed;width:10px;height:10px;background:var(--green);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .15s;mix-blend-mode:screen}#cursor-ring{position:fixed;width:36px;height:36px;border:1px solid rgba(0,255,136,.5);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .25s,height .25s,border-color .25s}.cursor-big #cursor{width:18px;height:18px;background:var(--cyan)}.cursor-big #cursor-ring{width:56px;height:56px;border-color:var(--cyan)}@media (hover: none) and (pointer: coarse){#cursor,#cursor-ring{display:none!important}}.click-spark{position:fixed;width:30px;height:30px;border:2px solid var(--aura-color);border-radius:50%;pointer-events:none;z-index:999999;transform:translate(-50%,-50%) scale(.2);opacity:1;animation:sparkRipple .6s cubic-bezier(.1,.8,.3,1) forwards;box-shadow:0 0 15px var(--aura-color)}@keyframes sparkRipple{0%{transform:translate(-50%,-50%) scale(.2);opacity:1}to{transform:translate(-50%,-50%) scale(2.8);opacity:0}}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:9990;opacity:.4}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.04) 3px,rgba(0,0,0,.04) 4px);pointer-events:none;z-index:9989}#scroll-progress{position:fixed;top:0;left:0;height:3px;width:0%;background:linear-gradient(90deg,var(--green),var(--cyan),var(--purple));z-index:10000;box-shadow:0 0 12px var(--green);transition:width .1s ease-out}#navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:0 50px;height:64px;display:flex;align-items:center;justify-content:space-between;transition:all .4s ease}#navbar.scrolled{background:#02050ae0;-webkit-backdrop-filter:blur(20px) saturate(1.5);backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid var(--border);box-shadow:0 4px 40px #00000080}.nav-logo{font-family:var(--font-disp);font-size:1.6rem;letter-spacing:4px;color:var(--text);text-decoration:none;white-space:nowrap}.nav-logo .accent{color:var(--green)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-family:var(--font-mono);font-size:.68rem;letter-spacing:2px;text-transform:uppercase;color:var(--text2);text-decoration:none;position:relative;transition:color .2s;padding:4px 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--green);transition:width .3s}.nav-links a:hover,.nav-links a.active{color:var(--green);text-shadow:0 0 10px var(--green)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}#menu-toggle{display:none;flex-direction:column;gap:6px;background:transparent;border:none;cursor:pointer;z-index:2001;padding:10px}#menu-toggle span{display:block;width:28px;height:2px;background:var(--green);transition:all .3s cubic-bezier(.4,0,.2,1)}#menu-toggle span:nth-child(2){width:18px;align-self:flex-end}#menu-toggle:hover span:nth-child(2){width:28px}#menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg);width:28px}#menu-toggle.active span:nth-child(2){opacity:0;transform:translate(20px)}#menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);width:28px}#mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050afa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center;transform:translate(100%);transition:transform .5s cubic-bezier(.16,1,.3,1)}#mobile-menu.active{transform:translate(0)}.mm-content{display:flex;flex-direction:column;gap:20px;text-align:center;width:100%;padding:20px}.mm-content a{font-family:var(--font-disp);font-size:clamp(1.8rem,6vw,3rem);color:var(--text);text-decoration:none;letter-spacing:4px;text-transform:uppercase;transition:all .3s;opacity:0;transform:translateY(20px)}#mobile-menu.active .mm-content a{opacity:1;transform:translateY(0)}.mm-content a:hover,.mm-content a.active{color:var(--green);transform:scale(1.05);letter-spacing:6px;text-shadow:0 0 20px var(--green)}@media (max-width: 900px){#navbar{padding:0 20px;background:#02050ae6;border-bottom:1px solid var(--border);height:60px}.nav-links{display:none!important}#menu-toggle{display:flex}}#particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.85}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.in{opacity:1;transform:translateY(0)}.reveal-l{opacity:0;transform:translate(-30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-l.in{opacity:1;transform:translate(0)}.reveal-r{opacity:0;transform:translate(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-r.in{opacity:1;transform:translate(0)}.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}.d5{transition-delay:.5s}.d6{transition-delay:.6s}.ticker-wrap{overflow:hidden;background:#00ff8808;border-top:1px solid var(--border2);border-bottom:1px solid var(--border2);padding:10px 0;position:relative;z-index:2;margin-top:64px}.ticker-track{display:flex;gap:60px;animation:tickerAnim 45s linear infinite;width:max-content;will-change:transform}.ticker-track span{font-family:var(--font-mono);font-size:.62rem;color:var(--green);letter-spacing:3px;white-space:nowrap;opacity:.6}.ticker-track .sep{color:var(--cyan);opacity:1}@keyframes tickerAnim{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero{position:relative;min-height:90vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:80px 60px;background:transparent}.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;animation:orbFloat 9s ease-in-out infinite}.o1{width:700px;height:700px;background:radial-gradient(circle,rgba(0,255,136,.12),transparent 70%);top:-200px;left:-150px;animation-delay:0s}.o2{width:500px;height:500px;background:radial-gradient(circle,rgba(0,212,255,.1),transparent 70%);bottom:-100px;right:-100px;animation-delay:3s}.o3{width:350px;height:350px;background:radial-gradient(circle,rgba(155,89,255,.08),transparent 70%);top:40%;left:45%;animation-delay:6s}@keyframes orbFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-40px) scale(1.04)}}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.035) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black,transparent)}.hero-content{position:relative;z-index:2;text-align:center;max-width:1000px;width:100%}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:3px;text-transform:uppercase;color:var(--green);margin-bottom:24px;padding:7px 20px;border:1px solid rgba(0,255,136,.2);background:#00ff880a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 0 20px #00ff881a;max-width:100%;text-align:center}.hero-eyebrow .pulse{width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{box-shadow:0 0 #00ff8880}50%{box-shadow:0 0 0 7px #0f80}}.hero-title{font-family:var(--font-disp);font-size:clamp(2.8rem,8vw,7rem);line-height:1.05;letter-spacing:2px;margin-bottom:28px}.hero-title .t1{display:inline-block;white-space:nowrap;background:linear-gradient(135deg,var(--green) 0%,var(--cyan) 50%,var(--green) 100%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmerText 4s linear infinite;text-shadow:0 0 40px rgba(0,255,136,.25)}.hero-title .t2{display:block;color:transparent;-webkit-text-stroke:1.2px rgba(208,223,240,.55);font-size:clamp(1.8rem,5.5vw,5rem);letter-spacing:3px;margin-top:6px}@keyframes shimmerText{0%{background-position:0% center}to{background-position:200% center}}.hero-sub{font-size:clamp(1.05rem,2.5vw,1.25rem);color:var(--text);max-width:580px;margin:0 auto 36px;line-height:1.8;font-weight:300}.hero-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;width:100%}.btn-primary{font-family:var(--font-mono);font-size:.84rem;letter-spacing:3px;text-transform:uppercase;padding:15px 32px;color:var(--bg);background:var(--green);border:none;text-decoration:none;overflow:hidden;position:relative;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:all .3s;display:inline-block;cursor:pointer;text-align:center}.btn-primary:hover{background:var(--cyan);box-shadow:0 0 50px #00d4ff66;transform:translateY(-3px)}.btn-secondary{font-family:var(--font-mono);font-size:.84rem;letter-spacing:3px;text-transform:uppercase;padding:14px 32px;color:var(--text2);background:transparent;border:1px solid var(--border);text-decoration:none;transition:all .3s;display:inline-block;cursor:pointer;text-align:center}.btn-secondary:hover{border-color:var(--cyan);color:var(--cyan);background:#00d4ff0d}.scroll-hint{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.55rem;letter-spacing:3px;text-transform:uppercase;color:var(--text2);animation:bounceHint 2.5s ease-in-out infinite}.scroll-hint .sh-line{width:1px;height:35px;background:linear-gradient(var(--green),transparent)}@keyframes bounceHint{0%,to{transform:translate(-50%) translateY(0);opacity:.5}50%{transform:translate(-50%) translateY(8px);opacity:1}}.stats-wrap{position:relative;z-index:2;background:#0a162873;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stats-inner{display:flex;justify-content:center;max-width:1000px;margin:0 auto;flex-wrap:wrap}.stat-item{flex:1 1 200px;padding:28px 16px;text-align:center;position:relative;transition:all .3s ease}.stat-item:after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:var(--border)}.stat-item:last-child:after{display:none}.stat-item:hover{background:#00ff880a;transform:translateY(-2px)}.stat-num{font-family:var(--font-disp);font-size:clamp(2.2rem,5vw,3rem);letter-spacing:2px;color:var(--green);display:block;line-height:1;margin-bottom:6px;text-shadow:0 0 20px rgba(0,255,136,.3);transition:text-shadow .3s}.stat-item:hover .stat-num{text-shadow:0 0 35px var(--aura-color)}.stat-label{font-family:var(--font-mono);font-size:.58rem;color:var(--text2);letter-spacing:2px;text-transform:uppercase;display:block}.stat-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--cyan))}.section-z{position:relative;z-index:2;scroll-margin-top:70px}.eyebrow{font-family:var(--font-mono);font-size:.63rem;letter-spacing:3px;text-transform:uppercase;color:var(--green);display:flex;align-items:center;gap:10px;margin-bottom:14px}.eyebrow:before{content:"//";color:var(--text2)}.s-heading{font-family:var(--font-disp);font-size:clamp(2.2rem,5vw,4.8rem);letter-spacing:2px;color:var(--text);line-height:.95;margin-bottom:18px}.s-heading .hl{background:linear-gradient(90deg,var(--green),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.s-body{font-size:clamp(1.05rem,2.2vw,1.25rem)!important;color:var(--text2);max-width:560px;line-height:1.8!important;font-weight:300}.about-section{padding:100px 40px;background:#060d1666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.about-inner{max-width:1280px;margin:0 auto;display:flex;justify-content:center;gap:50px;align-items:flex-start;flex-wrap:wrap}.about-text{display:flex;flex-direction:column;gap:20px;width:100%;max-width:520px;flex:1 1 320px}.about-visual{display:flex;flex-direction:column;gap:20px;width:100%;max-width:560px;flex:1 1 320px;align-items:center}.about-period{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin:25px 0 15px;padding:20px;background:#00ff880a;border:1px solid rgba(0,255,136,.14);border-radius:4px;position:relative;width:100%}.period-block{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px}.period-label{font-family:var(--font-mono);font-size:.74rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);opacity:.8}.period-date{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;letter-spacing:2px;color:var(--aura-color);text-shadow:0 0 16px var(--aura-glow)}.period-arrow{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:120px}.period-line{display:block;width:100%;height:1px;background:linear-gradient(90deg,#00ff8826,#00d4ff4d,#00ff8826)}.period-tag{font-family:var(--font-mono);font-size:.66rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);white-space:nowrap;padding:3px 10px;border:1px solid rgba(0,212,255,.18);background:#00d4ff0a}.about-source{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:#00d4ff0a;border:1px solid rgba(0,212,255,.14);border-left:2px solid var(--cyan);width:100%}.src-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.src-body strong{font-family:var(--font-mono);font-size:.82rem;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);display:block}.src-body span{font-size:.98rem;color:var(--text2);line-height:1.6}.feature-pills{margin-top:10px;display:flex;flex-direction:column;gap:12px;width:100%}.f-pill{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:var(--card);border:1px solid var(--border);transition:all .3s;position:relative;overflow:hidden}.f-pill:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--fp-c, var(--green));transform:scaleY(0);transition:transform .3s}.f-pill:hover:before{transform:scaleY(1)}.f-pill:hover{border-color:var(--fp-c, var(--green));background:#00ff8805;transform:translate(5px)}.fp-icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}.fp-t strong{display:block;font-size:1.02rem;color:var(--text);font-weight:500;margin-bottom:2px}.fp-t span{font-size:.92rem;color:var(--text2);font-weight:300}.cloud-topology-card{background:#060f1ebf;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,242,254,.2);border-radius:12px;padding:20px;box-shadow:0 20px 50px #0009,inset 0 0 30px #00f2fe0d;position:relative;overflow:hidden;width:100%;transition:all .4s ease}.cloud-topology-card:hover{border-color:var(--aura-color);box-shadow:0 25px 60px #000000b3,0 0 35px var(--aura-glow)}.topo-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,242,254,.15);padding-bottom:12px;margin-bottom:16px;gap:8px;flex-wrap:wrap}.topo-title{font-family:var(--font-mono);font-size:.78rem;color:var(--cyan);letter-spacing:1.5px;font-weight:700;display:flex;align-items:center;gap:6px}.topo-status-tag{font-family:var(--font-mono);font-size:.6rem;color:var(--green);background:#00ff881a;padding:3px 8px;border-radius:20px;border:1px solid rgba(0,255,136,.3)}.topo-grid-box{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.topo-cluster{background:#020812b3;border:1px solid rgba(255,255,255,.07);border-radius:10px;padding:12px;transition:all .3s ease}.topo-cluster:hover{border-color:var(--cyan);transform:translateY(-2px);box-shadow:0 8px 24px #00f2fe26}.cluster-title{font-family:var(--font-mono);font-size:.78rem;color:var(--text2);letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;gap:4px}.cluster-nodes{display:flex;flex-wrap:wrap;gap:6px}.t-node{background:#00f2fe0f;border:1px solid rgba(0,242,254,.2);color:#fff;padding:5px 9px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;cursor:default;transition:all .25s ease;display:inline-flex;align-items:center;gap:5px}.t-node img,.t-node .ti-node{width:14px;height:14px;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 0 4px rgba(0,242,254,.4))}.t-node:hover{background:var(--cyan);color:#020610;box-shadow:0 0 14px var(--cyan);transform:scale(1.06)}.about-metadata{width:100%;background:#0006;border:1px solid var(--border);border-radius:4px;overflow:hidden;font-family:var(--font-mono)}.meta-header{background:var(--surface);padding:10px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--border)}.meta-dot{width:6px;height:6px;border-radius:50%;background:var(--text2);opacity:.4}.meta-title{font-size:.74rem;color:var(--text);letter-spacing:1.5px;margin-left:4px}.meta-body{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.meta-line{font-size:.78rem;letter-spacing:.5px}.m-lbl{color:var(--text2);opacity:.7}.m-val{color:var(--green);text-shadow:0 0 10px rgba(0,255,136,.2)}.tech-section{padding:100px 40px;background:#02050a59;position:relative;overflow:hidden}.tech-header{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.fpill{font-family:var(--font-mono);font-size:.58rem;letter-spacing:1px;text-transform:uppercase;padding:6px 14px;background:transparent;color:var(--text2);border:1px solid var(--border);transition:all .2s;overflow:hidden;position:relative;cursor:pointer;white-space:nowrap}.fpill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--green);transform:translateY(100%);transition:transform .2s;z-index:-1}.fpill:hover:before,.fpill.on:before{transform:translateY(0)}.fpill:hover,.fpill.on{color:var(--bg);border-color:var(--green)}.tech-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.tc{background:var(--card);border:1px solid var(--border);position:relative;transition:all .4s cubic-bezier(.165,.84,.44,1);aspect-ratio:1 / 1;overflow:hidden;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tc:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--tc-c, var(--green));transform:scaleX(0);transition:transform .3s}.tc:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0,var(--tc-a, rgba(0, 255, 136, .09)),transparent 70%);opacity:0;transition:opacity .3s}.tc:hover:before{transform:scaleX(1)}.tc:hover:after{opacity:1}.tc:hover{border-color:var(--tc-c, var(--green));transform:translateY(-8px) scale(1.04);box-shadow:0 18px 40px #0000008c,0 0 20px var(--tc-a, rgba(0, 255, 136, .2));z-index:10}.tc-front{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;transition:opacity .3s,transform .4s cubic-bezier(.165,.84,.44,1)}.tc:hover .tc-front{opacity:0;transform:translateY(-20px)}.tc-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center;background:var(--tc-a, rgba(0, 255, 136, .05));opacity:0;transform:translateY(20px);transition:opacity .3s,transform .4s cubic-bezier(.165,.84,.44,1)}.tc:hover .tc-back{opacity:1;transform:translateY(0)}.tc-b-title{font-family:var(--font-disp);font-size:1.1rem;color:var(--tc-c, var(--green));letter-spacing:1.5px;margin-bottom:4px}.tc-b-desc{font-size:.75rem;color:var(--text2);line-height:1.3;margin-bottom:8px}.tc-b-link{font-family:var(--font-mono);font-size:.62rem;letter-spacing:1px;color:#fff;border-bottom:1px solid var(--tc-c, var(--green));padding-bottom:2px}.tc-icon{font-size:2.2rem;display:flex;align-items:center;justify-content:center;height:50px;margin-bottom:8px;position:relative;z-index:1;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.tc:hover .tc-icon{transform:scale(1.15) translateY(-4px)}.ti{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,212,255,.2));transition:all .3s}.tc:hover .ti{filter:drop-shadow(0 0 18px var(--tc-c, var(--cyan)))}.tc-name{font-family:var(--font-mono);font-size:.74rem;color:var(--text);letter-spacing:.5px;display:block}.tc-type{font-size:.64rem;color:var(--text2);font-family:var(--font-mono);letter-spacing:.5px;display:block;margin-top:2px}.materials-section{padding:100px 40px;background:#060d16a6;position:relative;overflow:hidden}.mat-inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:50px}.mat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:20px}.mat-card{background:#08101ceb!important;border:1px solid rgba(0,242,254,.22)!important;border-radius:12px!important;padding:24px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;gap:16px!important;position:relative!important;overflow:hidden!important;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease!important}.mat-card:after{content:"";position:absolute;top:-100%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--card-accent, var(--cyan)),transparent);box-shadow:0 0 15px var(--card-accent, var(--cyan));transition:top .8s ease}.mat-card:hover:after{top:100%}.mat-card:hover{transform:translateY(-6px) scale(1.01)!important;border-color:var(--card-accent, var(--cyan))!important;box-shadow:0 18px 40px #000000b3,0 0 25px #00f2fe33!important}.pc-summary-card{min-height:220px;cursor:pointer;-webkit-user-select:none;user-select:none}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;flex-wrap:wrap}.pc-title-wrap{display:flex;align-items:center;gap:12px}.pc-icon{font-size:1.8rem;line-height:1;transition:transform .3s cubic-bezier(.16,1,.3,1)}.mat-card:hover .pc-icon{transform:scale(1.15) rotate(6deg)}.pc-name{font-family:var(--font-disp);font-size:1.25rem;font-weight:700;color:#fff;letter-spacing:1px;margin:0}.pc-subtitle{font-family:var(--font-mono);font-size:.82rem;color:var(--card-accent, var(--cyan));display:block;margin-top:2px;font-weight:600}.pc-badge{font-family:var(--font-mono);font-size:.72rem;padding:3px 8px;border-radius:4px;font-weight:600;white-space:nowrap}.pc-badge.green{color:var(--green);background:#00ff881a;border:1px solid rgba(0,255,136,.25)}.pc-badge.cyan{color:var(--cyan);background:#00d4ff1a;border:1px solid rgba(0,212,255,.25)}.pc-badge.orange{color:var(--orange);background:#ff6b2b1a;border:1px solid rgba(255,107,43,.25)}.pc-badge.purple{color:var(--purple);background:#9b59ff1a;border:1px solid rgba(155,89,255,.25)}.pc-desc{font-size:.95rem;color:var(--text2);line-height:1.55;margin:0;text-align:left}.pc-summary-desc{font-size:.92rem;line-height:1.5;color:#e6f0ffd9;margin-bottom:2px}.pc-highlights-box{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:12px 14px;text-align:left}.pc-hl-label{font-family:var(--font-mono);font-size:.74rem;color:var(--card-accent, var(--cyan));letter-spacing:1px;display:block;margin-bottom:6px;font-weight:700}.pc-hl-list{list-style:none;padding:0;margin:0}.pc-hl-list li{font-size:.9rem;color:var(--text);line-height:1.5;position:relative;padding-left:16px;margin-bottom:4px}.pc-hl-list li:before{content:"▸";position:absolute;left:0;color:var(--card-accent, var(--cyan));font-size:.9rem}.pc-tech-stack{display:flex;flex-wrap:wrap;gap:6px}.pc-summary-tech{margin-top:2px}.pc-tech-pill{font-family:var(--font-mono);font-size:.76rem;color:#ffffffe6;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);padding:3px 8px;border-radius:4px;transition:all .2s ease}.mat-card:hover .pc-tech-pill{border-color:#ffffff40;background:#ffffff14}.pc-tech-more{color:var(--card-accent, var(--cyan));background:#00d4ff14;border-color:#00d4ff33}.pc-card-footer-action{margin-top:auto;padding-top:12px;border-top:1px dashed rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.pc-action-label{font-family:var(--font-mono);font-size:.74rem;font-weight:700;color:var(--card-accent, var(--cyan));display:flex;align-items:center;gap:5px;letter-spacing:.5px;transition:all .2s ease}.pc-action-arrow{display:inline-block;transition:transform .25s cubic-bezier(.16,1,.3,1)}.mat-card:hover .pc-action-arrow{transform:translate(3px,-3px)}.mat-card:hover .pc-action-label{color:#fff;text-shadow:0 0 10px var(--card-accent, var(--cyan))}.pc-click-hint{font-family:var(--font-mono);font-size:.65rem;color:var(--text3);letter-spacing:.5px;transition:color .2s ease}.mat-card:hover .pc-click-hint{color:var(--card-accent, var(--cyan))}.pc-footer{margin-top:auto;padding-top:8px}.pc-btn{display:inline-block;width:100%;text-align:center;font-size:.72rem;padding:10px 14px;font-family:var(--font-mono);text-decoration:none;border-radius:6px;transition:all .25s ease}.impact-section{padding:100px 40px;background:#060d1666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;position:relative;overflow:hidden}.timeline{margin-top:30px;display:flex;flex-direction:row;gap:20px;align-items:stretch}.tl-item{flex:1;display:flex;flex-direction:column;gap:16px;position:relative}.tl-item:before{content:"";position:absolute;left:40px;top:19px;right:0;height:1px;background:linear-gradient(90deg,var(--border2),transparent)}.tl-item:last-child:before{display:none}.tl-num{flex-shrink:0;width:36px;height:36px;border:1px solid var(--tc, var(--green));display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.6rem;color:var(--tc, var(--green));background:#060d16cc;position:relative;z-index:1;transition:all .3s}.tl-item:hover .tl-num{background:var(--tc, var(--green));color:var(--bg);box-shadow:0 0 20px var(--tc, rgba(0, 255, 136, .3))}.tl-phase{font-family:var(--font-mono);font-size:.55rem;color:var(--tc, var(--green));letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px}.tl-title{font-size:.88rem;color:var(--text);font-weight:500;margin-bottom:4px}.tl-desc{font-size:1.02rem!important;color:var(--text2);line-height:1.6!important}.contact-section{padding:100px 40px;background:#02050a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.contact-inner{max-width:760px;margin:0 auto;text-align:center}.contact-form{margin-top:40px;display:grid;gap:14px;text-align:left}.f-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.f-grp{display:flex;flex-direction:column;gap:6px}.f-lbl{font-family:var(--font-mono);font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:var(--text2)}.f-ctrl{background:#0a1628b3;border:1px solid var(--border);color:var(--text);padding:12px 14px;font-family:var(--font-body);font-size:1.1rem;outline:none;transition:all .25s;width:100%;border-radius:6px}.f-ctrl:focus{border-color:var(--cyan);background:#00d4ff05;box-shadow:0 0 0 2px #00d4ff12}textarea.f-ctrl{min-height:120px;resize:vertical}select.f-ctrl{background-color:#060d16!important;color:#fff!important;border:1px solid rgba(0,212,255,.25)!important;padding:12px 14px;font-family:var(--font-body);font-size:1.1rem;cursor:pointer}select.f-ctrl option{background-color:#060d16!important;color:#fff!important;padding:12px}.f-submit{width:100%;font-family:var(--font-mono);font-size:.84rem;letter-spacing:3px;text-transform:uppercase;padding:16px;background:linear-gradient(90deg,var(--green),var(--cyan));color:var(--bg);border:none;font-weight:700;transition:all .4s;position:relative;overflow:hidden;margin-top:8px;cursor:pointer}.f-submit:hover{box-shadow:0 0 50px #00d4ff4d;transform:translateY(-2px)}.f-ok{margin-top:14px;padding:14px;background:#00ff880d;border:1px solid rgba(0,255,136,.2);font-family:var(--font-mono);font-size:.78rem;color:var(--green);letter-spacing:1.5px;text-align:center}footer{background:#02050a99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:50px 40px 30px;position:relative;z-index:2}.footer-top{max-width:1280px;margin:0 auto 40px;display:grid;grid-template-columns:2.2fr 1fr;gap:50px}.f-brand-name{font-family:var(--font-disp);font-size:1.8rem;letter-spacing:4px;color:var(--text);display:block;margin-bottom:10px}.f-brand-name .a{color:var(--green)}.footer-brand p{font-size:1rem!important;color:var(--text2);line-height:1.6!important;max-width:280px}.f-col-h{font-family:var(--font-mono);font-size:.58rem;letter-spacing:3px;text-transform:uppercase;color:var(--green);margin-bottom:14px}.f-lnks{list-style:none;display:flex;flex-direction:column;gap:8px}.f-lnks a{font-size:1rem!important;color:var(--text2);text-decoration:none;transition:color .2s,padding-left .2s}.f-lnks a:hover{color:var(--cyan);padding-left:6px}.footer-btm{max-width:1280px;margin:0 auto;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.f-copy{font-family:var(--font-mono);font-size:.55rem;color:var(--text2);letter-spacing:1px}.f-status{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.55rem;color:var(--green);letter-spacing:1.5px}.f-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blinkDot 1.5s ease-in-out infinite}@keyframes blinkDot{0%,to{opacity:1}50%{opacity:.2}}.aura-ctrl{position:fixed;bottom:35px;right:25px;z-index:9995;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.aura-panel{width:180px;background:var(--card);border:1px solid var(--border2);padding:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;transform:translateY(20px);opacity:0;pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 20px 50px #0009;overflow:hidden;max-height:80vh;overflow-y:auto}.aura-ctrl.open .aura-panel{transform:translateY(0);opacity:1;pointer-events:all}.ap-header{padding:10px 15px;background:#ffffff08;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.ap-dots{display:flex;gap:4px}.ap-dots span{width:4px;height:4px;border-radius:50%;background:var(--text2);opacity:.3}.ap-title{font-family:var(--font-mono);font-size:.55rem;letter-spacing:2px;color:var(--text2)}.ap-grid{padding:12px;display:flex;flex-direction:column;gap:8px}.aura-btn{width:100%;background:#ffffff05;border:1px solid var(--border);padding:8px 10px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s}.aura-btn.active{background:#ffffff14;border-color:var(--aura-color);box-shadow:inset 0 0 10px var(--aura-glow)}.ab-box{width:12px;height:12px;flex-shrink:0;transition:transform .3s}.aura-btn:hover .ab-box{transform:scale(1.2) rotate(45deg)}.aura-btn[data-aura=azure] .ab-box{background:#007cf0;box-shadow:0 0 10px #007cf0}.aura-btn[data-aura=green] .ab-box{background:#0f8;box-shadow:0 0 10px #0f8}.aura-btn[data-aura=red] .ab-box{background:#ff3131;box-shadow:0 0 10px #ff3131}.aura-btn[data-aura=orange] .ab-box{background:#ff6b2b;box-shadow:0 0 10px #ff6b2b}.aura-btn[data-aura=purple] .ab-box{background:#9b59ff;box-shadow:0 0 10px #9b59ff}.ab-label{font-family:var(--font-mono);font-size:.58rem;letter-spacing:1.5px;color:var(--text2)}.aura-btn.active .ab-label{color:#fff}.ap-footer{padding:8px 15px;background:#0003;border-top:1px solid var(--border);text-align:right}.ap-code{font-family:var(--font-mono);font-size:.45rem;color:var(--green);opacity:.6}.aura-trigger{width:54px;height:54px;background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;z-index:9999;pointer-events:auto;box-shadow:inset 0 0 20px #ffffff0d,0 0 30px var(--aura-glow);transition:all .5s}.aura-trigger:hover{transform:scale(1.1) translateY(-3px);background:#ffffff14}.aura-trigger-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.aura-trigger-icon svg{color:var(--aura-color, var(--cyan));filter:drop-shadow(0 0 8px var(--aura-color, var(--cyan)));transition:transform .3s ease,filter .3s ease}.aura-trigger:hover .aura-trigger-icon svg{transform:scale(1.15) rotate(15deg);filter:drop-shadow(0 0 18px var(--aura-color, var(--cyan)))}#system-log{position:fixed;bottom:0;left:0;right:0;height:24px;background:#02050af2;border-top:1px solid var(--border);z-index:9990;overflow:hidden;display:flex;align-items:center}.log-track{display:flex;gap:30px;white-space:nowrap;font-family:var(--font-mono);font-size:.5rem;color:var(--green);padding-left:20px;letter-spacing:1px}.log-item{display:flex;gap:8px;align-items:center}.log-item:before{content:">";color:var(--cyan)}#terminal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050af5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;display:none;flex-direction:column;padding:30px 20px;font-family:var(--font-mono);color:var(--green)}#terminal-overlay.active{display:flex}.term-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px;font-size:.7rem;letter-spacing:1.5px;opacity:.7}#term-output{flex:1;overflow-y:auto;font-size:.82rem;line-height:1.5;margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.term-line{display:block;word-break:break-word}.term-line.cmd{color:var(--cyan)}.term-line.cmd:before{content:"> "}.term-line.res{color:var(--text2)}.term-line.error{color:var(--pink)}.term-input-wrap{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:12px 16px;border:1px solid var(--border)}.term-prompt{color:var(--green);font-weight:700}#term-input{background:transparent;border:none;color:var(--text);font-family:var(--font-mono);font-size:16px;width:100%;outline:none}.term-hint{font-size:.6rem;color:var(--text2);margin-top:8px;opacity:.5}.cli-trigger{position:fixed;bottom:35px;left:25px;z-index:9995;width:54px;height:54px;background:#00ff8808;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(0,255,136,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;box-shadow:inset 0 0 20px #00ff880d,0 0 30px #0f83;transition:all .5s}.cli-trigger:hover{transform:scale(1.1) translateY(-3px);background:#00ff8814}.cli-trigger-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.cli-trigger-icon svg{color:var(--green);filter:drop-shadow(0 0 8px var(--green));transition:transform .3s ease,filter .3s ease}.cli-trigger:hover .cli-trigger-icon svg{transform:scale(1.15);filter:drop-shadow(0 0 15px var(--green))}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02050ae0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.165,.84,.44,1);padding:15px}.modal-overlay.active{opacity:1;pointer-events:all}.modal-container{width:100%;max-width:920px;max-height:90vh;overflow-y:auto;background:#060d16f5;border:1px solid var(--border);border-radius:8px;box-shadow:0 25px 50px #000c;transform:scale(.9);transition:transform .4s cubic-bezier(.165,.84,.44,1)}.modal-overlay.active .modal-container{transform:scale(1)}.modal-header{padding:14px 20px;background:#ffffff05;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-header-left{display:flex;align-items:center;gap:8px}.modal-dot-glow{width:8px;height:8px;border-radius:50%;background:var(--aura-color, #00ff88);box-shadow:0 0 10px var(--aura-color, #00ff88)}#modal-title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:1.5px;color:#fff;margin:0;text-transform:uppercase}.modal-close-btn{background:none;border:none;color:var(--text2);font-size:1.6rem;cursor:pointer;line-height:1;padding:0}.modal-close-btn:hover{color:#ff3131}.modal-body{padding:20px;display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.modal-media-col{display:flex;flex-direction:column;gap:12px}.crt-screen-wrap{position:relative;width:100%;aspect-ratio:16/9;border:1px solid var(--border2);border-radius:4px;overflow:hidden;background:#000}.crt-screen{width:100%;height:100%;position:relative}.crt-screen iframe{width:100%;height:100%;border:none;z-index:1}.crt-scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 3px,6px 100%;z-index:10;pointer-events:none}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#03070d;color:var(--text2);font-family:var(--font-mono);font-size:.68rem;text-align:center;padding:15px}.placeholder-icon{font-size:1.8rem;animation:bounce-anim 2s infinite}@keyframes bounce-anim{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.diagnostic-console{background:#00000080;border:1px solid var(--border);padding:10px 14px;font-family:var(--font-mono);font-size:.62rem;border-radius:4px;color:var(--text2);min-height:45px;display:flex;flex-direction:column;gap:4px}.console-prompt{color:var(--aura-color, #00ff88)}.modal-info-col{display:flex;flex-direction:column;gap:16px;justify-content:space-between}.info-section{display:flex;flex-direction:column;gap:6px}.info-label{font-family:var(--font-mono);font-size:.58rem;color:var(--text2);letter-spacing:1px;opacity:.6}.info-value{font-family:var(--font-mono);font-size:.72rem;color:var(--aura-color, #00ff88);background:#ffffff04;border:1px dashed rgba(255,255,255,.08);padding:8px 12px;border-radius:4px;word-break:break-word}.info-text{font-size:.95rem;color:var(--text2);line-height:1.5;font-weight:300;margin:0;background:linear-gradient(90deg,rgba(255,255,255,.01),transparent);padding:10px 14px;border-left:2px solid var(--aura-color, #00ff88);border-radius:0 4px 4px 0}.tc,.mat-card,.s-card,.term-input-wrap{border:1px solid rgba(255,255,255,.04)!important;background-image:linear-gradient(to right,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px),linear-gradient(to bottom,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px),linear-gradient(to left,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px),linear-gradient(to bottom,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px),linear-gradient(to right,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px),linear-gradient(to top,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px),linear-gradient(to left,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px),linear-gradient(to top,var(--frame-color, rgba(255, 255, 255, .15)) 8px,transparent 8px)!important;background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%!important;background-size:10px 1.5px,1.5px 10px,10px 1.5px,1.5px 10px,10px 1.5px,1.5px 10px,10px 1.5px,1.5px 10px!important;background-repeat:no-repeat!important}body.glitch-active .hero-title,body.glitch-active .s-heading{animation:textGlitch 2s infinite;position:relative}@keyframes textGlitch{0%{text-shadow:2px 0 var(--aura-color),-2px 0 var(--cyan);transform:translate(0)}1%{text-shadow:4px 0 var(--aura-color),-4px 0 #fff;transform:translate(-2px,2px);filter:hue-rotate(90deg)}2%{text-shadow:-2px 0 var(--aura-color),2px 0 var(--cyan);transform:translate(2px,-2px)}3%{text-shadow:none;transform:translate(0);filter:none}10%{text-shadow:3px 0 var(--aura-color),-3px 0 #fff;transform:translate(-1px,1px)}11%{text-shadow:none;transform:translate(0)}to{text-shadow:none}}.bit-particle{position:fixed;pointer-events:none;font-family:var(--font-mono);font-size:.6rem;color:var(--aura-color);z-index:100000;opacity:.8;animation:bitFade 1s linear forwards}@keyframes bitFade{to{transform:translateY(20px);opacity:0}}body.crt-off:before,body.crt-off:after{display:none}@media (max-width: 768px){html{font-size:102%}.hero{padding:75px 20px 40px;min-height:85vh}.hero-eyebrow{font-size:.58rem;letter-spacing:1.5px;padding:6px 14px}.hero-btns{flex-direction:column;width:100%;gap:10px}.btn-primary,.btn-secondary{width:100%;padding:14px 20px}.stats-inner{grid-template-columns:repeat(2,1fr)}.stat-item{flex:1 1 45%;padding:20px 10px;border-bottom:1px solid var(--border)}.stat-item:after{display:none}.about-section,.tech-section,.materials-section,.impact-section,.contact-section{padding:60px 20px}.about-inner{gap:30px}.about-period{grid-template-columns:1fr;gap:15px;text-align:center}.period-arrow{min-width:100%}.topo-grid-box,.meta-body{grid-template-columns:1fr}.tech-header{flex-direction:column;align-items:flex-start;gap:15px}.filter-row{width:100%;overflow-x:auto;padding-bottom:8px;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.tc{aspect-ratio:1 / 1}.ti{width:36px;height:36px}.tc-icon{height:40px;margin-bottom:4px}.mat-grid{grid-template-columns:1fr;gap:20px}.mat-card{padding:20px 16px!important}.timeline{flex-direction:column;gap:24px}.tl-item:before{left:18px;top:36px;right:auto;bottom:0;width:1px;height:auto;background:linear-gradient(var(--border2),transparent)}.tl-item:last-child:before{display:none}.contact-form{margin-top:25px}.f-row{grid-template-columns:1fr}.f-ctrl{font-size:16px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-btm{flex-direction:column;gap:10px;text-align:center}footer{padding:40px 20px 35px}.cli-trigger{bottom:35px;left:15px;width:48px;height:48px;font-size:1.5rem}.aura-ctrl{bottom:35px;right:15px}.aura-trigger{width:48px;height:48px;font-size:1.5rem}.modal-body{grid-template-columns:1fr;gap:15px}.modal-container{max-height:85vh;padding:0}.modal-header{padding:12px 16px}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.s-heading{font-size:2.2rem}.tech-grid{grid-template-columns:repeat(2,1fr)}.cli-trigger{bottom:35px;left:12px;width:44px;height:44px}.aura-ctrl{bottom:35px;right:12px}.aura-trigger{width:44px;height:44px}}.mat-card,.tc,.cloud-topology-card,.contact-form{position:relative;overflow:hidden}.mat-card:after,.cloud-topology-card:after{content:"";position:absolute;top:-100%;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--aura-color, #00d4ff),var(--cyan, #00ff88),transparent);box-shadow:0 0 15px var(--aura-color, #00d4ff),0 0 30px var(--cyan, #00ff88);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:5}.mat-card:hover:after,.cloud-topology-card:hover:after{opacity:.95;animation:cyberScanBeam 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes cyberScanBeam{0%{top:-10%}50%{top:110%}to{top:-10%}}.hero-hud-wrap{position:relative;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.hero-hud-orbit{position:absolute;width:220px;height:220px;border-radius:50%;border:1px dashed rgba(0,212,255,.25);box-shadow:0 0 25px #00d4ff1a,inset 0 0 25px #00d4ff0d;animation:spinRadar 25s linear infinite;pointer-events:none;z-index:0}.hero-hud-orbit:before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--aura-color, #00d4ff);box-shadow:0 0 12px var(--aura-color, #00d4ff)}.hero-hud-orbit:after{content:"";position:absolute;bottom:-4px;right:50%;width:6px;height:6px;border-radius:50%;background:var(--cyan, #00ff88);box-shadow:0 0 10px var(--cyan, #00ff88)}@keyframes spinRadar{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-orbit-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.orbit-badge{font-family:var(--font-mono);font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:var(--text);padding:6px 14px;background:#060f1eb3;border:1px solid var(--border);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 5px 15px #0006;display:flex;align-items:center;gap:6px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:floatBadge 4s ease-in-out infinite alternate}.orbit-badge:nth-child(2){animation-delay:1.2s}.orbit-badge:nth-child(3){animation-delay:2.4s}.orbit-badge:hover{transform:translateY(-5px) scale(1.06);border-color:var(--aura-color, #00d4ff);color:#fff;box-shadow:0 0 20px var(--aura-glow, rgba(0, 212, 255, .4))}.ob-dot{width:6px;height:6px;border-radius:50%;background:var(--aura-color, #00d4ff);box-shadow:0 0 8px var(--aura-color, #00d4ff);animation:pulseDot 2s ease-in-out infinite}@keyframes floatBadge{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes pulseDot{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}}.mat-card,.tc,.cloud-topology-card{transition:transform .35s cubic-bezier(.25,1,.5,1),box-shadow .35s ease,border-color .35s ease!important;will-change:transform}.mat-card:hover{transform:translateY(-6px) scale(1.02)!important;box-shadow:0 20px 45px #000000b3,0 0 30px var(--aura-glow, rgba(0, 212, 255, .25))!important}.tc:hover{transform:translateY(-6px) rotateX(4deg) rotateY(-4deg) scale(1.05)!important;box-shadow:0 15px 35px #0009,0 0 25px var(--tc-a, rgba(0, 255, 136, .3))!important}.tunnel-3d-card{transform-style:preserve-3d;backface-visibility:hidden;pointer-events:auto;width:100%}.tunnel-3d-card section{pointer-events:auto}.tunnel-3d-card .reveal,.tunnel-3d-card .reveal-l,.tunnel-3d-card .reveal-r,.tunnel-3d-card .reveal-s,.tunnel-3d-card .in,.section-reader-overlay .reveal,.section-reader-overlay .reveal-l,.section-reader-overlay .reveal-r,.section-reader-overlay .reveal-s,.section-reader-overlay .in{opacity:1!important;transform:none!important;visibility:visible!important}.mat-card,.tc{border:1px solid var(--border2)!important}.tc{border:1px solid var(--border)!important}.about-section,.tech-section,.materials-section,.impact-section,.contact-section,.stats-bar,.hero,.mat-card,.tc,.s-card,.exp-card,.edu-card,.contact-card,.cloud-topology-card,.stats-item,.pc-highlights-box,.diagnostic-console,.hero-hud-wrap{background:transparent!important;background-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.tunnel-3d-card .hero{min-height:auto!important;padding:30px 15px!important;overflow:visible!important}.hero{overflow:visible!important}.project-card-centered-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#020610e0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:24px 16px;opacity:0;animation:overlayFadeIn .35s cubic-bezier(.16,1,.3,1) forwards;cursor:pointer;touch-action:pan-y}.project-card-centered-overlay.is-closing-overlay{animation:overlayFadeOut .35s cubic-bezier(.16,1,.3,1) forwards}@keyframes overlayFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}}@keyframes overlayFadeOut{0%{opacity:1;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}to{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}.is-centered-zoomed-card{width:92vw!important;max-width:860px!important;max-height:88vh!important;overflow-y:auto!important;position:relative!important;z-index:100001!important;background:#060e1afa!important;border:1px solid var(--card-accent, var(--cyan))!important;box-shadow:0 24px 60px #000000e6,0 0 35px #00f2fe40!important;border-radius:14px!important;padding:28px!important;display:flex!important;flex-direction:column!important;gap:18px!important;transform:scale(.9) translateY(24px);opacity:0;animation:cardZoomIn .4s cubic-bezier(.16,1,.3,1) forwards;cursor:default!important;pointer-events:auto!important}.is-centered-zoomed-card::-webkit-scrollbar{width:6px}.is-centered-zoomed-card::-webkit-scrollbar-track{background:#0006;border-radius:4px}.is-centered-zoomed-card::-webkit-scrollbar-thumb{background:var(--card-accent, var(--cyan));border-radius:4px;box-shadow:0 0 8px var(--card-accent, var(--cyan))}.is-centered-zoomed-card.is-closing-card{animation:cardZoomOut .35s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes cardZoomIn{0%{opacity:0;transform:scale(.9) translateY(24px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}}@keyframes cardZoomOut{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0px)}to{opacity:0;transform:scale(.92) translateY(18px);filter:blur(6px)}}.pc-focus-header-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.pc-focus-left-info{display:flex;align-items:center;gap:8px}.pc-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);display:inline-block;animation:pulseDot 1.6s ease-in-out infinite alternate}@keyframes pulseDot{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.15);box-shadow:0 0 12px var(--green)}}.pc-focus-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--green);letter-spacing:1px;font-weight:600}.pc-modal-nav-controls{display:flex;align-items:center;gap:8px;background:#0006;border:1px solid rgba(255,255,255,.1);padding:3px 8px;border-radius:8px}.pc-modal-nav-btn{font-family:var(--font-mono);font-size:.68rem;color:var(--cyan);background:#00d4ff14;border:1px solid rgba(0,212,255,.2);padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .2s ease}.pc-modal-nav-btn:hover{background:var(--cyan);color:#020610;box-shadow:0 0 10px #00d4ff66}.pc-modal-counter{font-family:var(--font-mono);font-size:.7rem;color:var(--text2);font-weight:600;padding:0 4px}.pc-focus-close-btn{font-family:var(--font-mono);font-size:.72rem;color:#f55;background:#ff55551a;border:1px solid rgba(255,85,85,.35);padding:5px 14px;border-radius:6px;cursor:pointer;font-weight:600;letter-spacing:.5px;transition:all .2s ease}.pc-focus-close-btn:hover{background:#f55;color:#fff;box-shadow:0 0 14px #f556}.pc-modal-header{margin-top:4px}.pc-modal-icon-wrap{width:52px;height:52px;border-radius:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 20px rgba(var(--card-accent-rgb, 0, 242, 254),.15);display:flex;align-items:center;justify-content:center}.pc-modal-icon{font-size:2.2rem}.pc-modal-name{font-size:1.55rem;letter-spacing:1px}.pc-modal-subtitle{font-size:.92rem;margin-top:3px}.pc-modal-badge{font-size:.78rem;padding:4px 10px}.pc-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.pc-metric-chip{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.pc-metric-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text3);letter-spacing:1px;font-weight:600}.pc-metric-value{font-family:var(--font-mono);font-size:.84rem;font-weight:700;color:var(--card-accent, var(--cyan))}.pc-modal-desc-section{display:flex;flex-direction:column;gap:6px}.pc-section-subhead{font-family:var(--font-mono);font-size:.74rem;color:var(--card-accent, var(--cyan));letter-spacing:1px;font-weight:700}.pc-modal-desc{font-size:1rem;line-height:1.65;color:var(--text)}.pc-modal-highlights{background:#0006!important;border:1px solid rgba(255,255,255,.1)!important;padding:16px 18px!important;border-radius:10px!important}.pc-modal-highlights .pc-hl-list li{font-size:.92rem;line-height:1.6;margin-bottom:8px;padding-left:20px}.pc-modal-highlights .pc-hl-list li:before{font-size:1.1rem;line-height:1.3}.pc-modal-tech-section{display:flex;flex-direction:column;gap:8px}.pc-modal-tech-stack{gap:8px}.pc-modal-tech-pill{font-size:.82rem;padding:5px 12px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:6px}.pc-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.pc-modal-launch-btn{flex:1;max-width:340px;text-align:center;font-size:.82rem;padding:12px 22px;font-weight:700;letter-spacing:.5px}.pc-offline-notice{font-family:var(--font-mono);font-size:.78rem;color:var(--cyan);display:flex;align-items:center;gap:8px;background:#00d4ff14;border:1px solid rgba(0,212,255,.2);padding:8px 16px;border-radius:6px}.pc-offline-indicator{color:var(--cyan);animation:pulseDot 1.4s infinite alternate}.pc-modal-dismiss-btn{font-family:var(--font-mono);font-size:.74rem;color:var(--text2);background:transparent;border:1px solid rgba(255,255,255,.18);padding:10px 18px;border-radius:6px;cursor:pointer;transition:all .2s ease}.pc-modal-dismiss-btn:hover{background:#ffffff14;color:#fff;border-color:#ffffff59}.section-reader-overlay .mat-card,.section-reader-overlay .tc,.section-reader-overlay .s-card,.section-reader-overlay .exp-card,.section-reader-overlay .edu-card,.section-reader-overlay .contact-card,.section-reader-overlay .cloud-topology-card,.section-reader-overlay .diagnostic-console,.section-reader-overlay .stats-item,.section-reader-overlay .pc-highlights-box{background:#08101cd9!important;background-color:#08101cd9!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid var(--border2)!important;box-shadow:0 8px 32px #00000080!important;border-radius:14px}.side-nav-container{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:9990;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.side-nav-hud-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:1.5px;color:var(--aura-color, var(--cyan));background:#040a14bf;border:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:4px 10px;border-radius:12px;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #0006;pointer-events:auto;transition:all .3s ease;margin-bottom:4px}.side-nav-hud-badge .hud-badge-dot{width:5px;height:5px;border-radius:50%;background:var(--aura-color, var(--cyan));box-shadow:0 0 8px var(--aura-color, var(--cyan));animation:pulseDot 2s ease-in-out infinite}.side-nav-rail{position:relative;display:flex;flex-direction:column;gap:16px;padding:14px 10px;background:#040a1499;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 10px 30px #00000080,inset 0 0 15px #00d4ff0d;pointer-events:auto}.side-nav-track{position:absolute;top:18px;bottom:18px;right:15px;width:2px;background:#ffffff14;border-radius:2px;overflow:hidden;z-index:1}.side-nav-track-fill{width:100%;background:linear-gradient(180deg,var(--green),var(--aura-color, var(--cyan)),var(--purple));box-shadow:0 0 10px var(--aura-color, var(--cyan));transition:height .15s ease-out}.side-nav-item{position:relative;z-index:2;display:flex;align-items:center;flex-direction:row-reverse;gap:10px;text-decoration:none;cursor:pointer}.side-nav-node{position:relative;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.side-nav-dot{width:8px;height:8px;border-radius:50%;background:#a0b8d066;border:1px solid rgba(255,255,255,.2);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.side-nav-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:1px solid var(--aura-color, var(--cyan));opacity:0;transform:scale(.5);transition:all .3s ease}.side-nav-num{font-family:var(--font-mono);font-size:.6rem;color:#a0b8d066;letter-spacing:.5px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.side-nav-tooltip{position:absolute;right:100%;margin-right:14px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:1.5px;color:var(--text);background:#060f1ee6;border:1px solid var(--aura-color, var(--cyan));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4px 10px;border-radius:6px;box-shadow:0 5px 20px #0009,0 0 15px var(--aura-glow, rgba(0, 212, 255, .3));white-space:nowrap;opacity:0;transform:translate(10px) scale(.95);pointer-events:none;transition:all .25s cubic-bezier(.165,.84,.44,1);display:flex;gap:4px;align-items:center}.side-nav-tooltip.visible{opacity:1;transform:translate(0) scale(1)}.tooltip-bracket{color:var(--aura-color, var(--cyan));font-weight:700}.tooltip-text{color:#fff;font-weight:500}.side-nav-item:hover .side-nav-dot{background:var(--aura-color, var(--cyan));box-shadow:0 0 10px var(--aura-color, var(--cyan));transform:scale(1.2)}.side-nav-item:hover .side-nav-num{color:var(--text)}.side-nav-item.active .side-nav-dot{background:var(--aura-color, var(--cyan));box-shadow:0 0 12px var(--aura-color, var(--cyan));transform:scale(1.4)}.side-nav-item.active .side-nav-pulse{opacity:1;transform:scale(1);animation:pulseRing 2s infinite}.side-nav-item.active .side-nav-num{color:var(--aura-color, var(--cyan));font-weight:700}@keyframes pulseRing{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.6);opacity:0}to{transform:scale(.9);opacity:0}}@media (max-width: 768px){.side-nav-container{right:10px;gap:6px}.side-nav-hud-badge{display:none}.side-nav-rail{padding:10px 6px;gap:12px;border-radius:18px}.side-nav-num,.side-nav-tooltip{display:none}.is-centered-zoomed-card{width:96vw!important;padding:18px 14px!important;max-height:92vh!important;gap:14px!important}.pc-focus-header-bar{gap:8px}.pc-modal-nav-controls{order:3;width:100%;justify-content:space-between}.pc-modal-name{font-size:1.25rem}.pc-modal-icon-wrap{width:42px;height:42px}.pc-modal-icon{font-size:1.6rem}.pc-metrics-grid{grid-template-columns:1fr}.pc-modal-footer{flex-direction:column;align-items:stretch}.pc-modal-launch-btn{max-width:100%}}.tech-hud-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9980;-webkit-user-select:none;user-select:none;font-family:var(--font-mono)}.hud-corner{position:fixed;width:24px;height:24px;z-index:9982;opacity:.35;border:1px solid var(--aura-color, var(--cyan))}.hud-corner-tl{top:8px;left:8px;border-right:none;border-bottom:none}.hud-corner-tr{top:8px;right:8px;border-left:none;border-bottom:none}.hud-corner-bl{bottom:8px;left:8px;border-right:none;border-top:none}.hud-corner-br{bottom:8px;right:8px;border-left:none;border-top:none}.top-hud-bar{position:fixed;top:0;left:0;right:0;height:38px;display:flex;justify-content:space-between;align-items:center;background:#020610bf;border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:0 32px;box-shadow:0 4px 20px #0006;z-index:9985}.top-hud-left,.top-hud-right{display:flex;align-items:center;gap:14px;pointer-events:auto}.top-hud-badge{display:flex;align-items:center;gap:6px;font-size:.62rem;letter-spacing:1px}.top-hud-badge.online .hud-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulseDot 2s infinite}.top-hud-badge.offline .hud-status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 8px var(--orange)}.hud-label{color:var(--text2)}.hud-val{color:var(--green);font-weight:700}.top-hud-divider{width:1px;height:14px;background:var(--border)}.top-hud-time{display:flex;align-items:center;gap:6px;font-size:.62rem;color:var(--aura-color, var(--cyan));letter-spacing:1px}.hud-tz{color:var(--text2);font-size:.55rem}.top-hud-center{display:flex;align-items:center;gap:10px;pointer-events:auto}.hud-action-btn{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:1.2px;color:var(--text);background:#060f1eb3;border:1px solid var(--border);padding:5px 14px;border-radius:16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.hud-action-btn:hover{border-color:var(--aura-color, var(--cyan));color:#fff;box-shadow:0 0 15px var(--aura-glow, rgba(0, 212, 255, .35));transform:translateY(-2px) scale(1.04)}.hud-action-btn.copy-btn{border-color:#00ff8840;color:var(--green)}.hud-action-btn.copy-btn:hover{background:var(--green);color:#020610}.top-hud-stat{display:flex;align-items:center;gap:5px;font-size:.6rem;letter-spacing:1px}.hud-stat-key{color:var(--text2)}.hud-stat-val{color:var(--cyan);font-weight:700}.hud-stat-val.good{color:var(--green)}.hud-stat-val.warning{color:var(--gold)}.hud-audio-toggle{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.6rem;letter-spacing:1px;padding:5px 12px;border-radius:16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;background:#00ff8814;border:1px solid var(--green);color:var(--green)}.hud-audio-toggle.muted{background:#ff6b2b14;border-color:var(--orange);color:var(--orange)}.hud-audio-toggle:hover{transform:translateY(-2px) scale(1.04)}.left-hud-rail{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:9984;display:flex;flex-direction:column;gap:14px;padding:14px 12px;background:#040a1499;border:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 10px 30px #00000080,inset 0 0 15px #00d4ff0d;width:155px;pointer-events:auto}.left-hud-header{display:flex;align-items:center;gap:6px;font-size:.58rem;letter-spacing:1.2px;color:var(--aura-color, var(--cyan));border-bottom:1px solid var(--border);padding-bottom:6px}.left-hud-box{display:flex;flex-direction:column;gap:6px;background:transparent;padding:8px;border-radius:12px;border:1px solid var(--border)}.hud-box-row{display:flex;justify-content:space-between;align-items:center;font-size:.56rem}.b-label{color:var(--text2)}.b-val{color:var(--text);font-weight:500}.b-val.glow{color:var(--aura-color, var(--cyan));font-weight:700;text-shadow:0 0 6px var(--aura-glow, rgba(0, 212, 255, .3))}.hud-teleport-btn{font-family:var(--font-mono);font-size:.55rem;letter-spacing:1px;color:var(--green);background:#00ff881a;border:1px solid var(--green);padding:4px 8px;border-radius:12px;cursor:pointer;margin-top:4px;transition:all .2s ease}.hud-teleport-btn:hover{background:var(--green);color:#020610}.theme-box .box-title{font-size:.55rem;color:var(--text2);letter-spacing:1px;margin-bottom:2px}.theme-pills{display:flex;flex-direction:column;gap:4px}.theme-pill{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.56rem;color:var(--text2);background:#ffffff08;border:1px solid transparent;padding:4px 8px;border-radius:12px;cursor:pointer;transition:all .2s ease}.theme-pill:hover{background:#ffffff14;color:#fff}.theme-pill.active{border-color:var(--aura-color, var(--cyan));color:var(--aura-color, var(--cyan));background:#00d4ff14;font-weight:700}.pill-dot{width:6px;height:6px;border-radius:50%}.pill-dot.azure{background:#00d4ff;box-shadow:0 0 6px #00d4ff}.pill-dot.green{background:#0f8;box-shadow:0 0 6px #0f8}.pill-dot.red{background:#ff3131;box-shadow:0 0 6px #ff3131}.pill-dot.orange{background:#ff6b2b;box-shadow:0 0 6px #ff6b2b}.pill-dot.purple{background:#9b59ff;box-shadow:0 0 6px #9b59ff}@media (max-width: 992px){.left-hud-rail,.top-hud-center{display:none}.top-hud-bar{padding:0 16px}}.cli-trigger,.aura-ctrl{display:none!important}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}