@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

:root {
  --pink: #ff1e79;
  --pink-dim: rgba(255, 30, 121, 0.35);
  --ink: #141112;
  --ink-2: #221e1f;
  --ink-3: #2e292a;
  --paper: #ffffff;
  --muted: rgba(255, 255, 255, 0.6);
  --live: #ff2b2b;
  --ok: #2bd96b;
  --font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; background: var(--ink); color: var(--paper); font-family: var(--font); -webkit-font-smoothing: antialiased; }
button { font-family: inherit; }
a { color: var(--pink); }

.logo { display: block; height: 30px; width: auto; }
.counter { font-weight: 500; letter-spacing: 0.18em; color: var(--pink); font-variant-numeric: tabular-nums; }

/* pill buttons from the mockup: pink outline, round arrow */
.pill {
  display: inline-flex; align-items: center; justify-content: center; gap: 14px;
  min-height: 46px; padding: 0 6px 0 26px; border-radius: 999px;
  border: 1.5px solid var(--pink); background: transparent; color: var(--pink);
  font-size: 16px; font-weight: 500; letter-spacing: 0.04em; cursor: pointer; text-decoration: none;
}
.pill::after {
  content: '→'; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%;
  background: var(--pink); color: #fff; font-size: 18px;
}
.pill.plain { padding: 0 26px; }
.pill.plain::after { display: none; }
.pill.solid { background: var(--pink); color: #fff; }
.pill:disabled { opacity: 0.35; cursor: default; }

.textbtn { background: none; border: 0; color: var(--muted); font-size: 12px; text-decoration: underline; cursor: pointer; padding: 6px; }

input[type=text], input[type=password] {
  width: 100%; height: 48px; padding: 0 18px; border-radius: 999px; border: 1.5px solid var(--ink-3);
  background: var(--ink-2); color: #fff; font: 500 16px var(--font); outline: none;
}
input:focus { border-color: var(--pink); }

.err { color: #ff7a9f; font-size: 14px; min-height: 20px; }
.hidden { display: none !important; }