*{box-sizing:border-box}:root{--c:#37f5ff;--m:#ff2bd6;--y:#ffd54f;--g:#50ffb1;--t:#eef9ff}
html,body{margin:0;min-height:100%}body{min-height:100vh;background:#020508;color:var(--t);font-family:Rajdhani,system-ui,sans-serif}
.bg{position:fixed;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),rgba(0,0,0,.08) 45%,rgba(0,0,0,.44)),url("./background.png") center/cover no-repeat;filter:brightness(.56) contrast(1.1);transform:scale(1.025)}
.vignette{position:fixed;inset:0;background:radial-gradient(circle at 50% 45%,transparent 26%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.78));pointer-events:none}
.scanlines{position:fixed;inset:0;pointer-events:none;opacity:.2;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,rgba(0,0,0,.08) 2px 4px);mix-blend-mode:overlay}
.shell{position:relative;z-index:2;min-height:100vh;display:grid;place-items:center;padding:30px}
.portal{position:relative;width:min(1160px,96vw);padding:28px 34px 24px;background:linear-gradient(180deg,rgba(4,14,20,.92),rgba(2,7,11,.83));border:1px solid rgba(55,245,255,.32);backdrop-filter:blur(12px);box-shadow:0 18px 80px rgba(0,0,0,.48),inset 0 0 42px rgba(55,245,255,.04);clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px),0 18px)}
.corner{position:absolute;width:34px;height:34px}.tl{top:8px;left:8px;border-top:2px solid var(--c);border-left:2px solid var(--c)}.tr{top:8px;right:8px;border-top:2px solid var(--m);border-right:2px solid var(--m)}.bl{bottom:8px;left:8px;border-bottom:2px solid var(--m);border-left:2px solid var(--m)}.br{bottom:8px;right:8px;border-bottom:2px solid var(--c);border-right:2px solid var(--c)}
.topbar{display:flex;justify-content:space-between;padding:0 3px 14px;border-bottom:1px solid rgba(55,245,255,.13);font:9px Orbitron,sans-serif;letter-spacing:.15em;color:rgba(218,242,250,.56)}.meta{display:flex;gap:22px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 10px var(--g);margin-right:8px}
.hero{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:center;padding:24px 10px 20px}.glitch-logo{width:min(255px,45vw);position:relative;margin:auto;filter:drop-shadow(0 0 18px rgba(55,245,255,.18))}.glitch-logo img{width:100%;display:block}.base{position:relative;z-index:2}.glitch{position:absolute;inset:0;z-index:3;opacity:0;mix-blend-mode:screen}.a{filter:drop-shadow(6px 0 0 var(--c));animation:ga 2.7s infinite steps(1,end)}.b{filter:drop-shadow(-6px 0 0 var(--m));animation:gb 3.1s infinite steps(1,end)}
@keyframes ga{0%,86%,100%{opacity:0}87%{opacity:.9;transform:translate(8px,-2px);clip-path:inset(8% 0 69% 0)}90%{opacity:.8;transform:translate(-5px,2px);clip-path:inset(56% 0 18% 0)}96%{opacity:0}}
@keyframes gb{0%,79%,100%{opacity:0}80%{opacity:.8;transform:translate(-8px,1px);clip-path:inset(17% 0 54% 0)}84%{opacity:.8;transform:translate(7px,-2px);clip-path:inset(66% 0 10% 0)}88%{opacity:0}}
.eyebrow{font:9px Orbitron,sans-serif;letter-spacing:.32em;color:var(--c);margin:0 0 7px}h1{margin:0;font:700 clamp(42px,6.7vw,80px)/.97 Orbitron,sans-serif;letter-spacing:.035em}h1 span{display:block;text-shadow:3px 0 rgba(55,245,255,.55),-3px 0 rgba(255,43,214,.48)}.lead{margin:12px 0 16px;font-size:19px;color:rgba(235,247,252,.7)}
.terminal,.box{border:1px solid rgba(55,245,255,.16);background:rgba(0,0,0,.18)}.terminal-head,.box-head{display:flex;justify-content:space-between;padding:7px 10px;border-bottom:1px solid rgba(55,245,255,.12);font:7px Orbitron,sans-serif;letter-spacing:.2em;color:rgba(205,235,245,.48)}.terminal-head span:last-child{color:var(--g)}.terminal-body{padding:10px 12px;min-height:76px;font:12px/1.65 monospace;color:rgba(210,240,245,.74)}.cursor{color:var(--c);animation:blink .8s steps(2,end) infinite}@keyframes blink{50%{opacity:0}}
.section-title{display:flex;align-items:center;gap:12px;margin:2px 0 11px;font:8px Orbitron,sans-serif;letter-spacing:.2em;color:rgba(205,235,245,.48)}.section-title i{flex:1;height:1px;background:linear-gradient(90deg,rgba(55,245,255,.45),rgba(255,43,214,.22))}
.services{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.card{position:relative;display:grid;grid-template-columns:42px 1fr;gap:10px;min-height:124px;padding:16px 45px 14px 15px;border:1px solid rgba(55,245,255,.17);background:linear-gradient(125deg,rgba(55,245,255,.045),rgba(255,43,214,.018));color:var(--t);text-decoration:none;transition:.16s}.card:hover{transform:translateY(-2px);border-color:rgba(55,245,255,.55)}.card>b{font:11px Orbitron;color:rgba(55,245,255,.48)}.card h2{margin:0;font:17px Orbitron;letter-spacing:.08em}.card em{float:right;padding:3px 6px;border:1px solid var(--g);color:var(--g);font:6px Orbitron;letter-spacing:.16em}.card em.public{border-color:var(--y);color:var(--y)}.card p{margin:7px 0 10px;color:rgba(220,240,247,.6);font-size:14px}.card code{color:rgba(55,245,255,.55)}.card>strong{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--c);font-size:21px}
.dashboard{display:grid;grid-template-columns:.9fr 1.1fr;gap:11px;margin-top:12px}.row{display:flex;justify-content:space-between;align-items:center;padding:12px}.row+.row{border-top:1px solid rgba(55,245,255,.09)}small{display:block;font:7px Orbitron;letter-spacing:.13em;color:rgba(205,235,245,.46)}.row b,.status-grid b{display:block;margin-top:3px;font:9px Orbitron;letter-spacing:.08em}.ok{color:var(--g)!important}.locked{color:var(--y)!important}.status-grid{display:grid;grid-template-columns:repeat(2,1fr)}.status-grid>div{padding:12px;min-height:61px;border-bottom:1px solid rgba(55,245,255,.08)}.status-grid>div:nth-child(odd){border-right:1px solid rgba(55,245,255,.08)}
.about{margin-top:12px;padding:11px 12px;border-left:2px solid var(--c);background:rgba(55,245,255,.025);color:rgba(220,240,247,.55);font-size:13px}
footer{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(55,245,255,.12);font:7px Orbitron;letter-spacing:.16em;color:rgba(200,228,238,.42)}
@media(max-width:850px){.shell{padding:14px}.portal{padding:26px 19px 22px}.meta span:not(:last-child){display:none}.hero{grid-template-columns:1fr;text-align:center;gap:9px}.services,.dashboard{grid-template-columns:1fr}.terminal{margin:auto}.lead{margin-left:auto;margin-right:auto}}