:root{--ink:#050b07;--deep:#07140c;--panel:#0b1d11;--panel2:#102a18;--lime:#74f59d;--lime2:#b8ffca;--text:#effff3;--muted:#8db69a;--line:#285c38;--danger:#ff8c8c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--ink);color:var(--text);font-family:"Space Mono",monospace;overflow-x:hidden}
button,input{font:inherit}.sky-grid{position:fixed;inset:0;pointer-events:none;background:linear-gradient(#07130bbb,#07130bbb),repeating-linear-gradient(0deg,transparent 0 31px,#65ff8e08 31px 32px),repeating-linear-gradient(90deg,transparent 0 31px,#65ff8e08 31px 32px);z-index:-3}
.sky-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 18%,#2c8f4b55,transparent 27%),linear-gradient(180deg,transparent 65%,#07150c)}
.topbar{height:82px;max-width:1120px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #183923}.brand{display:flex;gap:12px;align-items:center;color:var(--lime);text-decoration:none;font:700 24px "Courier New",monospace;letter-spacing:.08em}.brand-leaf,.hero-leaf,.leaf{background-image:url("/leaf-8frames.png");background-size:400% 200%;animation:leafFrames .88s steps(1) infinite}.brand-leaf{width:28px;height:36px;display:block}.server-pill{display:flex;align-items:center;gap:9px;padding:9px 13px;background:#0a1910;border:2px solid #1f4a2e;font-size:11px;text-transform:uppercase}.server-pill i{width:8px;height:8px;background:#f2bf55;box-shadow:0 0 0 3px #f2bf5522}.server-pill i.online{background:var(--lime);box-shadow:0 0 12px var(--lime)}.server-pill b{color:var(--lime);margin-left:7px}
main{max-width:1120px;margin:auto;padding:0 24px}.hero{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}.kicker{display:inline-block;color:var(--lime);font:600 13px "Courier New",monospace;letter-spacing:.14em}.hero h1{font:700 clamp(70px,9vw,116px)/.72 "Courier New",monospace;letter-spacing:-.04em;margin:25px 0 32px;text-shadow:6px 6px 0 #12351f}.hero h1 mark{background:none;color:var(--lime)}.hero-copy>p{font-size:16px;color:var(--muted);margin:0 0 28px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.hero code{display:block;margin-top:17px;color:#678b71;font-size:12px}
.pixel-button{position:relative;border:0;padding:14px 21px;cursor:pointer;text-decoration:none;font:700 15px "Courier New",monospace;letter-spacing:.04em;clip-path:polygon(6px 0,calc(100% - 6px) 0,calc(100% - 6px) 3px,100% 3px,100% calc(100% - 6px),calc(100% - 3px) calc(100% - 6px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px),0 6px,3px 6px,3px 3px,6px 3px);transition:transform .12s,filter .12s}.pixel-button:hover{transform:translateY(-2px);filter:brightness(1.12)}.pixel-button:active{transform:translateY(2px)}.pixel-button.primary{background:var(--lime);color:#061009;box-shadow:0 5px 0 #268c48}.pixel-button.copy{background:#11281a;color:var(--text);box-shadow:0 5px 0 #07100a;border:1px solid #327548}.pixel-button.muted{background:#173521;color:#70957b;cursor:not-allowed}
.hero-art{height:470px;position:relative;overflow:hidden;border:3px solid #244f31;background:linear-gradient(#08170e,#133b22);box-shadow:12px 12px 0 #020704}.hero-art:before{content:"";position:absolute;inset:14px;border:1px dashed #65f58e33}.moon{position:absolute;width:150px;height:150px;right:58px;top:46px;background:#b8ffca;box-shadow:0 0 0 12px #6cf69919,0 0 70px #65f58e44;clip-path:polygon(20% 0,80% 0,80% 7%,93% 7%,93% 20%,100% 20%,100% 80%,93% 80%,93% 93%,80% 93%,80% 100%,20% 100%,20% 93%,7% 93%,7% 80%,0 80%,0 20%,7% 20%,7% 7%,20% 7%)}.hero-leaf{position:absolute;width:230px;height:306px;left:80px;top:78px;filter:drop-shadow(12px 14px 0 #031008aa);animation-duration:1.05s}.ground{position:absolute;left:0;right:0;bottom:0;height:75px;background:repeating-linear-gradient(90deg,#153e24 0 32px,#1b4b2b 32px 64px);clip-path:polygon(0 28%,7% 28%,7% 16%,15% 16%,15% 35%,24% 35%,24% 10%,34% 10%,34% 30%,47% 30%,47% 14%,61% 14%,61% 31%,73% 31%,73% 8%,83% 8%,83% 24%,94% 24%,94% 14%,100% 14%,100% 100%,0 100%)}.ground-back{opacity:.45;bottom:38px}.ground-front{height:56px;background:repeating-linear-gradient(90deg,#0a1e11 0 24px,#102c1a 24px 48px)}
.access-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:70px;border:3px solid #245334;background:linear-gradient(135deg,#0a1a10,#0d2415);box-shadow:12px 12px 0 #020704;margin:60px 0}.access-card h2,.launcher-strip h2{font:700 46px/1 "Courier New",monospace;margin:14px 0}.access-copy>p{color:var(--muted)}.forms{background:#07140c;border:2px solid #235033;padding:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:20px}.tab{border:0;background:#0d2114;color:#75927d;padding:11px;cursor:pointer;font:600 14px "Courier New",monospace}.tab.active{background:#245b36;color:var(--lime2)}form{display:grid;gap:14px}label{display:grid;gap:7px;color:#82aa8d;font:600 11px "Courier New",monospace;letter-spacing:.08em}input{width:100%;padding:13px;background:#040b07;color:var(--text);border:2px solid #214c30;outline:none;border-radius:0}input:focus{border-color:var(--lime);box-shadow:4px 4px 0 #173b24}.submit{width:100%;margin-top:4px}.message{min-height:22px;margin:14px 0 0;color:var(--danger);font-size:12px}.message.ok{color:var(--lime)}.hidden{display:none!important}.session-card{margin-top:25px;padding:18px;border:2px solid var(--lime);display:grid;gap:8px;background:#0b2415}.session-card span{font:600 11px "Courier New",monospace;color:var(--muted)}.session-card strong{font:700 30px "Courier New",monospace;color:var(--lime)}.link-button{border:0;background:none;color:var(--muted);padding:0;text-align:left;cursor:pointer}
.launcher-strip{display:flex;align-items:center;justify-content:space-between;padding:50px 0 90px}.launcher-action{display:grid;gap:12px;text-align:center}.launcher-action small{color:#607d68;font-size:10px}footer{max-width:1120px;margin:auto;padding:28px 24px 42px;border-top:2px solid #183923;color:#52705b;font:500 11px "Courier New",monospace;display:flex;justify-content:space-between}
.leaf{position:fixed;width:45px;height:60px;z-index:-1;opacity:.3;animation-name:leafFrames,fall;animation-duration:.88s,13s;animation-timing-function:steps(1),linear;animation-iteration-count:infinite}.leaf-one{left:7%;animation-delay:0s,-2s}.leaf-two{left:48%;width:31px;height:42px;animation-delay:-.3s,-8s}.leaf-three{left:88%;width:54px;height:72px;animation-delay:-.55s,-5s}
@keyframes leafFrames{0%,12.49%{background-position:0 0}12.5%,24.99%{background-position:33.333% 0}25%,37.49%{background-position:66.666% 0}37.5%,49.99%{background-position:100% 0}50%,62.49%{background-position:0 100%}62.5%,74.99%{background-position:33.333% 100%}75%,87.49%{background-position:66.666% 100%}87.5%,100%{background-position:100% 100%}}
@keyframes fall{from{top:-90px;transform:translateX(-15px)}50%{transform:translateX(25px)}to{top:110vh;transform:translateX(-10px)}}
@media(max-width:800px){.topbar{height:auto;padding:18px 20px;gap:15px}.server-pill{font-size:9px}.server-pill b{display:none}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:80px 0 35px}.hero h1{font-size:76px}.hero-art{height:360px}.hero-leaf{width:170px;height:226px;left:50%;transform:translateX(-50%);top:62px}.moon{width:110px;height:110px}.access-card{grid-template-columns:1fr;padding:30px;gap:30px;margin:40px 0}.launcher-strip{align-items:flex-start;gap:25px}.access-card h2,.launcher-strip h2{font-size:36px}}@media(max-width:480px){.brand{font-size:19px}.server-pill span{max-width:85px}.hero-actions{display:grid}.pixel-button{text-align:center}.hero-art{height:310px}.access-card{padding:20px}.launcher-strip{flex-direction:column}footer{gap:15px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.leaf,.brand-leaf,.hero-leaf{animation:none!important}}