:root { color-scheme: dark; }
body { margin:0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial; background:#0b0f14; color:#e8eef6; }
a { color:#9ad; text-decoration:none; }
a:hover { text-decoration:underline; }
.container { max-width: 980px; margin: 0 auto; padding: 18px; }
.topbar { border-bottom:1px solid rgba(255,255,255,.08); position:sticky; top:0; background:#0b0f14; }
.brand { font-weight:700; letter-spacing:.2px; }
.nav { display:flex; gap:14px; align-items:center; }
.topbar .container { display:flex; justify-content:space-between; align-items:center; }
.btn { padding: 8px 12px; border:1px solid rgba(255,255,255,.14); border-radius: 12px; }
.card { border:1px solid rgba(255,255,255,.10); border-radius: 16px; padding: 16px; background: rgba(255,255,255,.03); }
h1,h2 { margin: 0 0 12px; }
label { display:block; margin:10px 0 6px; opacity:.9; }
input, select, textarea { width:100%; padding:10px; border-radius:12px; border:1px solid rgba(255,255,255,.14); background:#0f1720; color:#e8eef6; }
.grid { display:grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 720px){ .grid { grid-template-columns: 1fr; } }
.row { margin-top: 12px; display:flex; gap:12px; align-items:center; }
.row .btn { cursor:pointer; background: transparent; }
.flash { margin: 12px 0; padding: 10px 12px; border-radius: 12px; }
.flash.ok { background: rgba(0,255,140,.08); border:1px solid rgba(0,255,140,.18); }
.flash.err { background: rgba(255,80,80,.08); border:1px solid rgba(255,80,80,.18); }
.muted { opacity:.75; }
.pricebox { display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px; margin-top: 12px; }
.pill { display:inline-block; padding:4px 8px; border-radius:999px; border:1px solid rgba(255,255,255,.16); opacity:.9; }
.footer { border-top:1px solid rgba(255,255,255,.08); margin-top: 28px; padding: 14px 0; opacity:.8; }