@font-face{font-family:Space Grotesk;src:url('../assets/fonts/SpaceGrotesk-Latin.woff2') format('woff2');font-display:swap}
@font-face{font-family:JetBrains Mono;src:url('../assets/fonts/JetBrainsMono-Latin.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
body{margin:0;background:#050705;color:#f2f2f2;font-family:Space Grotesk,system-ui,sans-serif;line-height:1.6;min-height:100dvh}
header{border-bottom:1px solid #262626;padding:20px 24px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:1px}
a{color:#b9c2b9;text-decoration:none}a:hover{color:#39ff14}
header span,h1 span{color:#39ff14}
main{display:grid;place-items:center;padding:8vh 22px}
section{width:100%;max-width:470px}
.eyebrow{font:11px JetBrains Mono,monospace;letter-spacing:3px;color:#a2aaa2}
h1{font-size:clamp(34px,8vw,48px);line-height:1.15;letter-spacing:-1px;margin:22px 0}
p{color:#adb5ad}form{display:flex;flex-direction:column;gap:8px;margin-top:28px}
label{margin-top:8px;font-size:14px}input,button{font:inherit;font-size:16px;border:1px solid #383e38;border-radius:9px;padding:12px 14px}
input{background:#101510;color:#f2f2f2}button{margin-top:14px;background:#152211;color:#70ff54;border-color:#408a30;cursor:pointer;font-weight:600}
button:hover{background:#20351a}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:2px solid #39ff14;outline-offset:3px}
#login-status{min-height:26px;margin:5px 0;font-size:14px}.small{font-size:13px;color:#a1aaa1}nav{display:flex;gap:22px;flex-wrap:wrap;font-size:14px;margin-top:22px}
