:root {
  --bg:#F6F2E9; --panel-border:rgba(36,31,26,0.16); --black:#241F1A; --text:#241F1A; --muted:rgba(36,31,26,0.62); --muted-2:rgba(36,31,26,0.4);
  --danger:#C0392B; --field-bg:#FFFFFF; --accent:#2148FF; --accent-hover:#1636C9; --accent-gold:#DE9C2C; --accent-rust:#B6572E;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { --bg:#0B1B4D; --panel-border:rgba(246,242,233,0.18); --black:#F6F2E9; --text:#F6F2E9; --muted:rgba(246,242,233,0.62); --muted-2:rgba(246,242,233,0.4); --danger:#FF7A7A; --field-bg:rgba(255,255,255,0.07); --accent:#2148FF; --accent-hover:#4E6BFF; --accent-gold:#DE9C2C; --accent-rust:#CE7C52; color-scheme:dark; }
}
:root[data-theme="dark"] { --bg:#0B1B4D; --panel-border:rgba(246,242,233,0.18); --black:#F6F2E9; --text:#F6F2E9; --muted:rgba(246,242,233,0.62); --muted-2:rgba(246,242,233,0.4); --danger:#FF7A7A; --field-bg:rgba(255,255,255,0.07); --accent:#2148FF; --accent-hover:#4E6BFF; --accent-gold:#DE9C2C; --accent-rust:#CE7C52; color-scheme:dark; }

* { box-sizing:border-box; }
html,body { margin:0; padding:0; }
body {
  background:var(--bg); color:var(--text); font-family:'Plus Jakarta Sans',sans-serif;
  -webkit-font-smoothing:antialiased;
}
a { color:inherit; }

.topbar {
  display:flex; align-items:center; gap:14px; padding:18px 28px; border-bottom:1px solid var(--panel-border);
}
.topbar-brand { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; text-decoration:none; }
.topbar-brand h1 { font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-0.01em; font-size:19px; margin:0; color:var(--black); }
.topbar-brand p { margin:2px 0 0; color:var(--muted); font-size:11.5px; font-family:'Space Grotesk',sans-serif; letter-spacing:0.02em; }
.topbar-right { margin-left:auto; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }

.btn { font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:13px; letter-spacing:0.01em; padding:12px 20px; border-radius:12px; cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--black); }
.btn-primary { background:var(--accent); color:#FFFFFF; border-color:var(--accent); }
.btn-primary:hover { background:var(--accent-hover); border-color:var(--accent-hover); }
.btn-ghost { background:transparent; color:var(--black); }
.btn-ghost:hover { background:var(--field-bg); }
.btn:disabled { opacity:0.5; cursor:default; }

.eyebrow { font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:11.5px; letter-spacing:0.06em; text-transform:uppercase; color:var(--accent); display:flex; align-items:center; gap:10px; }
.eyebrow .rule { width:22px; height:1px; background:var(--accent); display:inline-block; }

input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
  width:100%; background:var(--field-bg); border:1px solid var(--panel-border); border-radius:10px;
  padding:11px 12px; font-family:'Plus Jakarta Sans',sans-serif; font-size:14px; color:var(--text);
}
input:focus { outline:none; border-color:var(--accent); }
label { display:block; font-size:12.5px; color:var(--muted); margin:14px 0 5px; font-family:'Plus Jakarta Sans',sans-serif; }
label:first-of-type { margin-top:0; }

.status { font-family:'Space Grotesk',sans-serif; font-size:12px; color:var(--muted); margin-top:10px; min-height:16px; }
.status[data-ok="true"] { color:#2E7D32; }
.status[data-err="true"] { color:var(--danger); }

.card { border:1px solid var(--panel-border); border-radius:14px; padding:22px; background:var(--field-bg); }