:root{--bg:#070d1c;--card:#0f1830;--line:#1d2a4a;--text:#eaf0ff;--muted:#8fa0c4;--orange:#ff7a1a;--blue:#4da3ff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}header.site{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}header.site .brand{letter-spacing:.12em;color:var(--orange);font-weight:800}header.site nav{color:var(--muted);gap:16px;display:flex}main{max-width:1040px;margin:0 auto;padding:24px}h1{margin:0 0 8px;font-size:2rem}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:24px;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.card .art{aspect-ratio:1;background:#0b1326;place-items:center;font-size:64px;display:grid}.card .art img{object-fit:cover;width:100%;height:100%}.card .body{padding:12px 14px}.card h3{margin:0 0 4px;font-size:1rem}.badge{border:1px solid var(--line);color:var(--blue);border-radius:999px;padding:2px 10px;font-size:.75rem;display:inline-block}form.stack{gap:12px;max-width:360px;display:grid}input{border:1px solid var(--line);color:var(--text);font:inherit;background:#0b1326;border-radius:10px;padding:10px 12px}button,.btn{background:var(--orange);color:#1a0b00;font:inherit;cursor:pointer;border:0;border-radius:10px;padding:10px 16px;font-weight:700;display:inline-block}.error{color:#ff8a8a}