:root{--bg:#101010;--bg2:#141414;--line:#222;--text:#b4b4b4;--hot:#e8e8e8;--dim:#6e6e6e;--faint:#4a4a4a;--accent:#ada6c7;--accent2:#8b839f;--good:#7aa67a;--bad:#8a6ab4}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font:13px/1.5 Verdana,Tahoma,sans-serif;-webkit-font-smoothing:antialiased;display:grid;place-items:center;padding:24px;background-image:radial-gradient(1px 1px at 18% 22%,#ffffff22 50%,transparent 51%),radial-gradient(1px 1px at 72% 14%,#ffffff1c 50%,transparent 51%),radial-gradient(1px 1px at 38% 68%,#ffffff1a 50%,transparent 51%),radial-gradient(1px 1px at 84% 74%,#ffffff20 50%,transparent 51%),radial-gradient(1px 1px at 12% 84%,#ffffff16 50%,transparent 51%),radial-gradient(1px 1px at 56% 38%,#ffffff12 50%,transparent 51%),radial-gradient(circle at 50% -20%,#1b1a20 0,transparent 60%);background-repeat:no-repeat;background-size:cover}main{width:100%;max-width:520px;min-height:78vh;border:1px solid var(--line);background:linear-gradient(180deg,#131313,#111);display:flex;flex-direction:column;padding:18px}.top{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px}.brand{color:var(--hot);font-weight:700;font-size:14px;letter-spacing:.2px}.tag{color:var(--faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mid{flex:1;display:flex;flex-direction:column;justify-content:center;padding:28px 0}.kicker{color:var(--accent2);font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:10px}h1{color:var(--hot);font-size:40px;line-height:1.05;letter-spacing:-.5px;font-weight:700;margin-bottom:14px}h1 span{color:var(--accent)}.lede{color:var(--dim);max-width:42ch;margin-bottom:26px}form{display:flex;gap:1px;background:var(--line);border:1px solid var(--line)}input{flex:1;min-width:0;background:var(--bg2);border:0;color:var(--text);font:inherit;padding:9px 11px;outline:0}input::placeholder{color:var(--faint)}input:focus{background:#171717}button{background:#191919;color:var(--accent);border:0;font:inherit;padding:9px 14px;cursor:pointer;text-transform:lowercase}button:hover{background:#1e1e1e;color:var(--hot)}button:disabled{color:var(--faint);cursor:default}.fine{color:var(--faint);font-size:10px;margin-top:8px}.fine.ok{color:var(--good)}.fine.bad{color:var(--bad)}.foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;font-size:10px;color:var(--faint)}.foot a{color:var(--dim);text-decoration:none;border-bottom:1px solid #2b2b2b}.foot a:hover{color:var(--hot)}@media (max-width:480px){main{min-height:84vh}h1{font-size:32px}}