:root{
  --bg:#030604; --panel:#050b06; --panel2:#071108;
  --green:#59ff6b; --green2:#20b93d; --dim:#277c34;
  --yellow:#d9ff55; --red:#ff5a49; --line:rgba(89,255,107,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:radial-gradient(circle at 50% 0,#0b1c0d 0,var(--bg) 42%);
  color:var(--green);font-family:"Courier New",monospace;
  min-height:100vh;
}
.crt{pointer-events:none;position:fixed;z-index:100;inset:0;
  background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px),
  radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.48));}
.noise{pointer-events:none;position:fixed;z-index:99;inset:0;opacity:.06;background-image:url("assets/hero.png");background-size:300px}
.shell{width:min(1180px,calc(100% - 20px));margin:10px auto 0;border:1px solid var(--line);background:rgba(0,4,1,.6)}
.hero{height:440px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-image{position:absolute;inset:0;background:url("assets/hero.png") center center/cover no-repeat;filter:brightness(.68) saturate(.9)}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.05) 50%,rgba(0,0,0,.5)),
  linear-gradient(0deg,#030604 0%,rgba(3,6,4,.08) 50%,rgba(3,6,4,.4))}
.systembar{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:10px;padding:9px 13px;border-bottom:1px solid rgba(89,255,107,.28);font-size:11px;letter-spacing:1px;background:rgba(0,5,0,.45)}
.online{color:var(--green);text-shadow:0 0 12px var(--green)}
.brand{position:absolute;z-index:2;left:6%;bottom:45px;text-shadow:0 0 18px rgba(89,255,107,.4)}
.brand-kicker{color:var(--yellow);font-size:11px;letter-spacing:3px;margin-bottom:14px}
h1{margin:0;font-size:clamp(50px,9vw,112px);line-height:.76;letter-spacing:-5px;color:var(--green)}
.brand-sub{margin-top:22px;font-size:13px;letter-spacing:2px;color:#b8efae}
.system-ready{margin-top:18px;color:var(--green);font-size:13px;letter-spacing:2px}
.system-ready i{display:inline-block;width:11px;height:11px;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}
.nav{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding:12px;border-bottom:1px solid var(--line);background:#030603}
.nav a{min-height:72px;border:1px solid var(--line);background:rgba(4,12,5,.88);color:var(--green);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:21px;transition:.16s}
.nav a span{font-size:10px;letter-spacing:.7px}
.nav a:hover,.nav a.active{background:var(--green);color:#020502;box-shadow:0 0 20px rgba(89,255,107,.25)}
.app{padding:12px;min-height:650px}
.loading{padding:60px;text-align:center;color:var(--yellow)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.panel{position:relative;padding:38px 16px 16px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(14,42,17,.35),rgba(3,9,4,.9));min-height:100%}
.panel-title{position:absolute;left:0;top:0;right:0;padding:8px 12px;border-bottom:1px solid var(--line);color:var(--yellow);font-size:12px;letter-spacing:1px}
.stats div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px dashed rgba(89,255,107,.14);font-size:13px}
.muted{color:#75a77a}.danger{color:var(--red)}.yellow{color:var(--yellow)}
.feed p,.terminal p{margin:7px 0;font-size:13px}
.project{padding:16px;border:1px solid rgba(89,255,107,.35);min-height:240px;background:linear-gradient(145deg,rgba(25,80,30,.13),transparent)}
.project h2{font-size:16px;color:var(--yellow);margin:8px 0}.project .icon{font-size:28px}.project p{font-size:13px;color:#9dcd9f}
.statusline{display:flex;justify-content:space-between;margin-top:25px;font-size:11px}
.bar{height:8px;border:1px solid var(--dim);margin-top:7px}.bar i{display:block;height:100%;background:var(--green);box-shadow:0 0 10px var(--green)}
.terminal{background:#010301;min-height:350px}.terminal-input{display:flex;gap:8px;border-top:1px solid var(--line);padding-top:12px;margin-top:18px}.terminal-input input{background:transparent;border:0;outline:0;color:var(--green);font:inherit;width:100%}
.construct{text-align:center;padding:75px 20px}.construct .bigicon{font-size:65px;color:var(--yellow);text-shadow:0 0 30px rgba(217,255,85,.35)}.construct h2{font-size:30px;letter-spacing:2px}.construct p{color:#8dbb91}
.article{max-width:850px;margin:auto}.article h2{color:var(--yellow);font-size:28px}.article p{color:#a5cfa8}.article .codebox{border-left:3px solid var(--green);padding:12px 16px;background:#020702}
footer{border-top:1px solid var(--line);padding:14px 12px;display:flex;justify-content:space-between;font-size:10px;color:#4d9d57}
@media(max-width:950px){.nav{grid-template-columns:repeat(4,1fr)}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero{height:380px}.systembar{font-size:9px;flex-wrap:wrap}.grid3{grid-template-columns:1fr}.brand{left:5%;bottom:38px}.brand-sub{font-size:10px;letter-spacing:1px}.nav{grid-template-columns:repeat(2,1fr)}.grid4{grid-template-columns:1fr}.app{padding:8px}}