:root{--bg:#0b1120;--card:#0f172a;--text:#e6edf6;--muted:#cbd5e1;--accent:#38bdf8;--btn:#2563eb;--btn2:#1e293b}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}
a{color:var(--accent);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px}
nav{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.brand{font-weight:700;font-size:22px}
nav .links a{margin-right:16px}.hero{padding:40px 0}.card{background:var(--card);border:1px solid #1f2a44;border-radius:14px;padding:22px;margin-top:14px}
.row{display:flex;gap:10px;align-items:center}.primary{background:var(--btn);color:white;border:0;padding:12px 16px;border-radius:10px;cursor:pointer}
.ghost{background:var(--btn2);color:white;border:0;padding:12px 16px;border-radius:10px;cursor:pointer}
input,select{padding:10px;border-radius:10px;border:1px solid #30486a;background:#0b1120;color:#e6edf6}.status{margin-top:8px;color:var(--muted)}.status.err{color:#ff6b6b}
footer{opacity:.7;margin:24px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}