:root { color-scheme: dark; }
* { box-sizing: border-box; }
body {
  margin:0; background:#0f1115; color:#eaeef3;
  font:14px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
a { color:#8ab4ff; text-decoration:none; }
a:hover { text-decoration:underline; }

.wrap { width:min(760px,92vw); margin:56px auto; }
.card {
  background:#141821; border:1px solid rgba(255,255,255,.07);
  border-radius:16px; padding:26px; box-shadow:0 14px 40px rgba(0,0,0,.35);
}
h1 { margin:0 0 18px; font-weight:800; letter-spacing:.2px; }
.row { display:flex; gap:14px; }
.col { flex:1 1 0; }

label { display:block; margin:12px 0 6px; font-size:13px; color:#bfc7d4; }
input, select, button {
  width:100%; padding:12px 14px; border-radius:10px;
  border:1px solid rgba(255,255,255,.09);
  background:#0f1320; color:#eaeef3;
}
button {
  background:#1f6feb; border-color:#1f6feb; font-weight:700; cursor:pointer;
}
button:hover { filter:brightness(1.08); }

.mt16 { margin-top:16px; }
.mt24 { margin-top:24px; }

.toast {
  position:fixed; left:50%; bottom:24px; transform:translateX(-50%);
  padding:10px 14px; border-radius:12px; font-size:13px;
  border:1px solid rgba(255,255,255,.08); box-shadow:0 12px 28px rgba(0,0,0,.35);
  display:none;
}
.toast.ok { background:#103a19; color:#bff8cb; }
.toast.err { background:#2a171a; color:#ffbaba; }