@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500&family=Inter:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";:root{--bg:#070014;--white:#f6f0ff;--muted:#f6f0ff99;--line:#f6f0ff14;--pink:#ff4fe1;--cyan:#56d8ff;--violet:#8a3cff;--gold:#d2b26a}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--white);-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 22%,#ff4fe129,#0000 18%),radial-gradient(circle at 50% 55%,#56d8ff1f,#0000 28%),linear-gradient(#190032 0%,#0c0220 42%,#04000c 100%);margin:0;font-family:Inter,sans-serif;overflow:hidden}#stage{z-index:1;position:absolute;inset:0}.light-rain,.stars,.vignette,.grid-cross{pointer-events:none;position:absolute;inset:0}.light-rain{z-index:2;opacity:.5;filter:blur(.2px);background:repeating-linear-gradient(90deg,#0000 0 6%,#ff4fe100 6.2% 7%,#0000 7.4% 14%),linear-gradient(#ff4fe100 0%,#ff4fe1b3 10%,#ff4fe12e 55%,#ff4fe100 100%);-webkit-mask-image:linear-gradient(#000000f2,#0003 60%,#0000 100%);mask-image:linear-gradient(#000000f2,#0003 60%,#0000 100%)}.stars{z-index:3;opacity:.85;background-image:radial-gradient(circle at 12% 24%,#fffffff2 0 2px,#0000 3px),radial-gradient(circle at 24% 66%,#56d8fff2 0 2px,#0000 3px),radial-gradient(circle at 43% 16%,#ff4fe1f2 0 3px,#0000 4px),radial-gradient(circle at 55% 85%,#fffffff2 0 2px,#0000 3px),radial-gradient(circle at 72% 30%,#fffffff2 0 3px,#0000 4px),radial-gradient(circle at 82% 70%,#ff4fe1f2 0 2px,#0000 3px),radial-gradient(circle at 90% 20%,#56d8fff2 0 2px,#0000 3px),radial-gradient(circle at 68%,#fffffff2 0 2px,#0000 3px),radial-gradient(circle at 35% 78%,#ff4fe1f2 0 2px,#0000 3px)}.grid-cross{z-index:4;opacity:.6;background:linear-gradient(90deg,#0000 calc(50% - .5px),#ffffff09 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),linear-gradient(#0000 calc(50% - .5px),#ffffff08 calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px))}.vignette{z-index:8;background:radial-gradient(circle,#0000 38%,#0000002e 70%,#0000008f 100%)}#ui{z-index:10;pointer-events:none;grid-template-rows:auto 1fr auto;padding:40px 52px;display:grid;position:absolute;inset:0}header{letter-spacing:2.6px;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:flex-start;font-size:10px;display:flex}.brand{flex-direction:column;gap:10px;display:flex}.logo{letter-spacing:5px;color:var(--white);font-family:Orbitron,sans-serif;font-size:28px;font-weight:400}.system{text-align:right;line-height:1.8}main{position:relative}.core-caption{text-align:center;letter-spacing:3px;text-transform:uppercase;color:var(--muted);font-size:10px;line-height:1.9;position:absolute;top:14%;left:50%;transform:translate(-50%)}.core-caption strong{color:var(--white);letter-spacing:5px;font-family:Orbitron,sans-serif;font-weight:400}.side-note,.index-panel{border-top:1px solid var(--line);color:var(--muted);padding-top:16px;position:absolute;top:50%;transform:translateY(-50%)}.side-note{width:230px;font-size:11px;line-height:1.9;left:6px}.side-note .label{letter-spacing:2.3px;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-size:9px}.index-panel{text-align:right;letter-spacing:1.7px;text-transform:uppercase;width:190px;font-size:10px;line-height:2;right:6px}.index-panel span{color:var(--white)}footer{grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;display:grid}.statement{max-width:480px;color:var(--muted);font-size:13px;font-weight:300;line-height:1.65}.title-block{text-align:center}.title{letter-spacing:12px;color:var(--white);text-shadow:0 0 25px #ff4fe12e,0 0 40px #56d8ff1a;white-space:nowrap;font-family:Orbitron,sans-serif;font-size:clamp(32px,4.2vw,62px);font-weight:400}.subtitle{letter-spacing:7px;text-transform:uppercase;color:var(--muted);margin-top:12px;font-size:10px}.cta{text-align:right;text-transform:uppercase;letter-spacing:2px;color:var(--muted);border-top:1px solid var(--line);justify-self:end;min-width:240px;padding-top:16px;font-size:10px;line-height:1.9}.cta strong{color:var(--pink);font-weight:400}.scene-line{background:linear-gradient(90deg, transparent, var(--pink), var(--cyan), transparent);opacity:.75;width:260px;height:1px;position:absolute;bottom:108px;left:50%;transform:translate(-50%)}.intro{z-index:20;pointer-events:none;background:#080014;justify-content:center;align-items:center;animation:2.8s forwards intro;display:flex;position:absolute;inset:0}.intro div{letter-spacing:10px;color:var(--white);font-family:Orbitron,sans-serif;font-size:clamp(28px,4vw,56px)}@keyframes intro{0%,52%{opacity:1}to{opacity:0;visibility:hidden}}@media (width<=1100px){#ui{padding:30px}.side-note,.index-panel{display:none}footer{text-align:center;grid-template-columns:1fr}.statement,.cta{text-align:center;justify-self:center}.title{white-space:normal}}.login-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04000ceb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-box{border:1px solid var(--line);text-align:center;background:#56d8ff08;border-radius:4px;width:420px;padding:40px;box-shadow:0 0 30px #00000080}.login-box h2{color:var(--cyan);letter-spacing:4px;margin:0 0 10px;font-family:Orbitron,sans-serif}.login-box h2 .version{color:var(--pink);font-size:14px}.login-box p{color:var(--muted);letter-spacing:2px;margin-bottom:30px;font-size:12px}.login-box input{border:1px solid var(--line);width:100%;color:var(--white);letter-spacing:4px;text-align:center;background:#0006;outline:none;margin-bottom:20px;padding:14px;font-family:Share Tech Mono,monospace;transition:border .3s}.login-box input:focus{border-color:var(--cyan);box-shadow:inset 0 0 10px #56d8ff1a}.login-box button{border:1px solid var(--line);width:100%;color:var(--cyan);cursor:pointer;letter-spacing:2px;background:0 0;padding:14px;font-family:Share Tech Mono,monospace;transition:all .3s}.login-box button:hover{border-color:var(--cyan);background:#56d8ff1a}.login-box.error input{color:#f33;border-color:#f33}.hud-panel{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:100;pointer-events:auto;clip-path:polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);background:#04070cb3;border:1px solid #00f3ff26;width:340px;padding:24px;font-family:Inter,sans-serif;transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 0 30px #00f3ff0d,inset 0 0 20px #00f3ff05}.hud-panel:before{content:"";clip-path:polygon(0 15px,15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);pointer-events:none;border:1px solid #00f3ff4d;position:absolute;inset:0}.hud-panel:after{content:"";background:#00f3ff;width:40px;height:2px;position:absolute;top:0;left:20px;box-shadow:0 0 10px #00f3ff}.hud-panel-left{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards slideInLeft;transform:translate(-30px)}.hud-panel-right{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards slideInRight;transform:translate(30px)}.hud-panel-left-bottom{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards slideInLeft;transform:translate(-30px)}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.hud-header{border-bottom:1px dashed #00f3ff4d;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:12px;display:flex;position:relative}.hud-header:after{content:"";background:#ff4fe1;width:30px;height:3px;position:absolute;bottom:-2px;right:0}.hud-icon{color:#00f3ff;filter:drop-shadow(0 0 8px #00f3ff99);align-items:center;display:flex}.hud-title{letter-spacing:4px;text-transform:uppercase;color:#fff;text-shadow:0 0 10px #ffffff4d;margin:0;font-family:Orbitron,sans-serif;font-size:13px;font-weight:700}.hud-content{color:#b0c4de;font-family:Share Tech Mono,monospace;font-size:12px;line-height:1.8}.hud-list{margin:0;padding:0;list-style:none}.hud-list li{border-left:1px solid #00f3ff33;margin-bottom:16px;padding-bottom:4px;padding-left:18px;position:relative}.hud-list li:before{content:">";color:#ff4fe1;font-family:Share Tech Mono,monospace;font-weight:700;position:absolute;top:0;left:4px}.hud-list li strong{color:#00f3ff;margin-right:8px;font-weight:400}.kpi-container{z-index:100;gap:15px;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}.kpi-box{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#04070ccc;border:1px solid #00f3ff26;flex-direction:column;gap:8px;padding:15px 25px;display:flex;position:relative}.kpi-box:after{content:"";background:#ff4fe1;width:20px;height:2px;position:absolute;bottom:0;left:10px}.kpi-label{color:#7a8b9e;letter-spacing:2px;text-transform:uppercase;font-family:Orbitron,sans-serif;font-size:10px}.kpi-value{color:#00f3ff;text-shadow:0 0 15px #00f3ff66;font-family:Share Tech Mono,monospace;font-size:24px;font-weight:400}