@font-face{font-family:"Barlow";font-weight:400;font-display:swap;src:url(/app/fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-display:swap;src:url(/app/fonts/barlow-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(/app/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
:root{--bg:#E8ECF0;--surface:#fff;--ink:#14202B;--muted:#596876;--line:#D1D8E0;--navy:#1F3A5F;--butter:#F4C430;--on-butter:#2B2200;--fail:#BE3528;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#0D131A;--surface:#161F29;--ink:#E6EDF3;--muted:#93A2B1;--line:#2A3745;--navy:#16294A;--fail:#FF6B5D;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.5 "Barlow",system-ui,sans-serif}
header{background:var(--navy);color:#fff;padding:14px max(16px,env(safe-area-inset-left));font-family:"Barlow Condensed",sans-serif;font-size:22px;letter-spacing:.06em;text-transform:uppercase}
main{max-width:520px;margin:24px auto;padding:22px 20px;background:var(--surface);border-radius:16px;box-shadow:0 6px 20px rgba(20,32,43,.08)}
@media (max-width:560px){main{margin:16px;}}
h1{font-family:"Barlow Condensed",sans-serif;font-size:30px;letter-spacing:.03em;text-transform:uppercase;margin:0 0 10px;line-height:1.1}
p{margin:0 0 14px}
.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 18px;border:0;border-radius:12px;background:var(--butter);color:var(--on-butter);
  font:700 18px "Barlow Condensed",sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;cursor:pointer;margin:0 0 10px}
.btn.ghost{background:transparent;color:var(--ink);border:2px solid var(--line)}
.form{display:flex;flex-direction:column;gap:12px}
label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px;color:var(--muted)}
input{font:inherit;font-size:22px;letter-spacing:.3em;padding:12px;border-radius:12px;border:2px solid var(--line);background:var(--bg);color:var(--ink)}
.err{color:var(--fail);font-weight:600}
