:root{
  --red:#CE2424;--red-b:#FF3B3B;--ink:#16161A;--ink2:#1E1E24;--panel:#202028;
  --line:rgba(255,255,255,.09);--fg:#EDEDF0;--muted:#9A9AA6;--wa:#25D366;
  --display:'Space Grotesk',sans-serif;--body:'Inter',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--ink);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}

/* Nav */
.topnav{position:sticky;top:0;z-index:50;background:rgba(22,22,26,.8);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.topnav .inner{display:flex;align-items:center;justify-content:space-between;height:68px}
.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;letter-spacing:.02em;font-size:1.05rem}
.brand .mark{width:30px;height:30px;border-radius:8px;background:var(--red);display:flex;align-items:center;justify-content:center;color:#fff}
.brand .mark svg{width:18px;height:18px}
.brand span{color:var(--red-b)}
.topnav .links{display:flex;align-items:center;gap:22px}
.topnav .links a{font-size:.9rem;color:var(--muted);font-weight:500}
.topnav .links a:hover{color:var(--fg)}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);font-weight:600;font-size:.92rem;
  padding:11px 22px;border-radius:40px;cursor:pointer;border:1px solid transparent;transition:.22s}
.btn-primary{background:var(--red);color:#fff}
.btn-primary:hover{background:var(--red-b);transform:translateY(-1px)}
.btn-ghost{border-color:var(--line);color:var(--fg);background:transparent}
.btn-ghost:hover{border-color:var(--fg)}
.btn svg{width:16px;height:16px}

/* Forms / cards */
.card{background:var(--ink2);border:1px solid var(--line);border-radius:18px}
.field{margin-bottom:14px}
.field label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:6px}
.field label .opt{color:#6f6f7a}
.field input,.field select,.field textarea{width:100%;background:var(--ink);border:1px solid var(--line);
  border-radius:11px;padding:12px 14px;color:var(--fg);font-size:.95rem;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(206,36,36,.16)}
.err{color:#ff6b6b;font-size:.86rem;min-height:1.1em;margin-bottom:8px}
.muted{color:var(--muted)}

@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}