@font-face { font-family: "Geist"; src: url(/static/fonts/Geist-Regular.woff2) format("woff2"); font-weight: 400; }
@font-face { font-family: "Geist"; src: url(/static/fonts/Geist-Medium.woff2) format("woff2"); font-weight: 500; }
@font-face { font-family: "Geist"; src: url(/static/fonts/Geist-SemiBold.woff2) format("woff2"); font-weight: 600; }
:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100dvh; background: #0B0B0C; color: #EDEDED;
  font: 400 15px/1.6 "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; }
body { display: grid; place-items: center; padding: max(16px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom)); }
[hidden] { display: none !important; }
.card { width: min(320px, 100%); display: flex; flex-direction: column; gap: 10px; }
.mark { align-self: center; border-radius: 12px; }
.title { text-align: center; font-weight: 600; margin: 4px 0 14px; }
input { font: 400 16px/1.4 inherit; font-family: inherit; color: #EDEDED; background: #18181A; border: 0;
  border-radius: 14px; padding: 12px 14px; outline: none; }
input::placeholder { color: #8E8E93; }
input:focus { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18); }
button { font: 500 15px inherit; font-family: inherit; background: #EDEDED; color: #0B0B0C; border: 0;
  border-radius: 999px; padding: 11px; cursor: pointer; margin-top: 6px; }
.err { margin: 0; color: #8E8E93; font-size: 13.5px; text-align: center; }