@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Space+Mono:wght@400;700&display=swap');

:root{
  --bg:#030605; --panel:#07100d; --line:#1b6b45; --green:#42ff9a;
  --dim:#6bbf91; --red:#ff594f; --amber:#e4d27a;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
 radial-gradient(circle at 50% -10%,rgba(26,105,66,.22),transparent 42%),
 linear-gradient(180deg,#020403,#030605 70%,#020403);
 color:#b8e8cc;font-family:"Space Mono",monospace;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;
 background:repeating-linear-gradient(0deg,transparent 0 2px,#9affc4 3px);mix-blend-mode:screen}
a{color:var(--green);text-decoration:none}
a:hover{text-shadow:0 0 10px var(--green)}
header{border-bottom:1px solid var(--line);background:rgba(2,7,5,.94);position:sticky;top:0;z-index:5}
.nav{max-width:1180px;margin:auto;display:flex;align-items:center;gap:20px;padding:14px 22px}
.brand{font-family:"Share Tech Mono";font-size:24px;letter-spacing:5px;color:#d8ffe7}
.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--dim)}
nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
nav a{font-size:12px;text-transform:uppercase}
.container{max-width:1180px;margin:auto;padding:54px 22px}
.hero{min-height:72vh;display:grid;place-items:center;text-align:center}
.kicker{color:var(--amber);font-size:11px;letter-spacing:4px}
h1{font-family:"Share Tech Mono";font-size:clamp(52px,10vw,120px);line-height:.9;margin:16px 0;color:#e6fff0;text-shadow:0 0 24px rgba(66,255,154,.3)}
h2{font-family:"Share Tech Mono";font-size:34px;color:#d9ffe8}
.lead{max-width:760px;margin:0 auto 28px;color:#8fd1ab;line-height:1.8}
.btn{display:inline-block;border:1px solid var(--green);padding:12px 18px;margin:5px;font-size:12px;letter-spacing:1px}
.btn:hover{background:rgba(66,255,154,.12)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:linear-gradient(145deg,rgba(8,24,16,.9),rgba(3,10,7,.8));border:1px solid #164f36;padding:22px;min-height:160px}
.card h3{font-family:"Share Tech Mono";color:var(--green);margin-top:0}
.card p{font-size:12px;line-height:1.75;color:#82b99a}
.meta{font-size:10px;color:#4d916c;letter-spacing:1px}
.notice{border-left:3px solid var(--red);padding:15px 18px;background:rgba(255,60,50,.04);font-size:12px;line-height:1.7}
table{width:100%;border-collapse:collapse;font-size:12px}
td,th{padding:13px;border-bottom:1px solid #164f36;text-align:left}
th{color:var(--green)}
pre{overflow:auto;background:#010302;border:1px solid #164f36;padding:20px;color:#7ff5aa;line-height:1.5}
footer{border-top:1px solid var(--line);padding:28px 22px;color:#477d61;font-size:10px}
@media(max-width:800px){.grid{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column}nav{margin-left:0}}