:root { --bg:#0b0c10; --fg:#e5e7eb; --muted:#9ca3af; --brand:#22d3ee; --card:#111827; --ok:#22c55e; --warn:#f59e0b; --err:#ef4444; }
*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
body{margin:0;background:var(--bg);color:var(--fg)}
a{color:var(--brand);text-decoration:none}
.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0f172a;border-bottom:1px solid #1f2937}
.nav .brand{font-weight:700;color:#fff}
.nav a{margin:0 8px}
.container{max-width:1000px;margin:24px auto;padding:0 16px}
h1,h3{margin:14px 0}
label{display:block;margin:10px 0}
input,select,textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #374151;background:#0b1220;color:#e5e7eb}
.btn{display:inline-block;background:var(--brand);color:#001014;padding:10px 14px;border-radius:10px;font-weight:700;border:none;cursor:pointer}
.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{border:1px solid #1f2937;padding:8px;background:var(--card)}
.alert{padding:10px;border-radius:8px;margin:8px 0}
.alert.success{background:#052e1b;color:#a7f3d0;border:1px solid #065f46}
.alert.error{background:#3f0e12;color:#fecaca;border:1px solid #7f1d1d}
.footer{padding:30px;color:var(--muted);text-align:center}

.hero{padding:48px 0 24px}
.lead{opacity:.85;max-width:800px}
.hero-actions{margin:18px 0;display:flex;gap:12px;flex-wrap:wrap}
.btn.ghost{background:transparent;border:1px solid #22d3ee;color:#22d3ee}
.btn.outline{background:transparent;border:1px solid #374151;color:#e5e7eb}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:24px 0}
.card{background:#111827;border:1px solid #1f2937;padding:16px;border-radius:12px}

h1+h3{margin-top:-4px}
.card h3{margin:6px 0 10px}
label>small{opacity:.7;margin-left:6px}