@font-face{font-family:Manrope;src:url('/beevpn-manrope.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0000-024F,U+2000-206F,U+20A0-20CF}
@font-face{font-family:Manrope;src:url('/beevpn-manrope-cyrillic.woff2') format('woff2');font-weight:200 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{font-family:Manrope,sans-serif;color:#171815;background:#fff9ef;--surface:#fffcf6;--line:#ece4d5;--muted:#6e706b;--honey:#ffda42}
*{box-sizing:border-box}body{margin:0;min-height:100dvh}
.wrap{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(800px 420px at 10% -10%,#fff0ac 0,transparent 60%),radial-gradient(700px 420px at 110% 110%,#ffe9c2 0,transparent 60%),#fff9ef}
.card{width:min(400px,100%);display:grid;gap:14px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px 28px;box-shadow:0 30px 70px -30px #5a400a40}
.logo{width:64px;height:64px;object-fit:contain}
h1{margin:0;font-size:30px;letter-spacing:-1px}h1 span{display:block;font-size:13px;letter-spacing:0;font-weight:500;color:var(--muted);margin-top:2px}
.lead{margin:0;color:var(--muted)}
label{display:grid;gap:6px;font-size:13px;font-weight:700}
input{font:inherit;width:100%;min-height:46px;border:1px solid #ddd3c1;border-radius:13px;padding:10px 14px;background:var(--surface)}
input:focus-visible{outline:3px solid #956600;outline-offset:2px}
.button{font:inherit;min-height:48px;border:0;border-radius:13px;background:var(--honey);font-weight:800;cursor:pointer}
.button:disabled{opacity:.6;cursor:wait}
.error{margin:0;padding:10px 12px;border-radius:12px;background:#fde8e6;color:#9b2c2c;font-weight:700;font-size:13px}
.hint{margin:0;font-size:12px;color:var(--muted)}