:root{
  --bg:#121012; --ink:#ffffff; --muted:#b9b4ba; --accent:#ed2f5b; --panel:rgba(18,16,18,.78);
  --card:#1b181b; --line:#2c262b; --danger:#ffb4a2;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);color:var(--ink);font-family:Quicksand,system-ui,sans-serif;font-weight:500;-webkit-tap-highlight-color:transparent}
h1,h2,h3,button,.btn,label.h{font-family:Montserrat,system-ui,sans-serif}
a{color:var(--accent)}
button,.btn{font:600 16px Montserrat,system-ui,sans-serif;border:0;border-radius:999px;padding:14px 26px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px rgba(237,47,91,.35)}
.primary:disabled{opacity:.6;cursor:default}
.secondary{background:transparent;color:var(--ink);border:1.5px solid var(--line)}
.secondary:hover{border-color:var(--muted)}
.eyebrow{font:600 12px Montserrat,sans-serif;letter-spacing:.32em;text-transform:uppercase;color:var(--accent)}
.wordmark{font:700 clamp(26px,8vw,38px) Montserrat,sans-serif;letter-spacing:.02em;color:#fff;white-space:nowrap}
.wordmark span{color:var(--accent)}
.logo-img{display:block;max-width:min(78vw,340px);max-height:90px;width:auto;height:auto}