@font-face{font-family:"AAA Avenir";src:url(/AvenirNextLTPro-Regular.otf) format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:"AAA Avenir";src:url(/AvenirNextLTPro-Bold.otf) format("opentype");font-weight:700;font-display:swap}
:root{--bg:#FFFFFF;--ink:#072744;--muted:rgba(7,39,68,.62);--line:rgba(7,39,68,.14);--field:rgba(7,39,68,.05);color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#000000;--ink:#FFFFFF;--muted:rgba(255,255,255,.64);--line:rgba(255,255,255,.16);--field:rgba(255,255,255,.07);color-scheme:dark}}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.45 "AAA Avenir","Avenir Next",Avenir,system-ui,-apple-system,sans-serif;display:grid;place-items:center;padding:24px 16px;-webkit-font-smoothing:antialiased}
.card{width:min(380px,100%);display:grid;gap:18px;text-align:center;justify-items:center}
.logo{width:min(260px,76%);padding:12px}
.dark{display:none}
@media (prefers-color-scheme:dark){.light{display:none}.dark{display:block}}
h1{margin:0;font-size:30px;letter-spacing:-.01em}
p{margin:0;color:var(--muted)}
form{width:100%;display:grid;gap:10px;text-align:left;margin-top:6px}
label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
input{width:100%;font:inherit;font-size:17px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:var(--field);color:var(--ink)}
input:focus{outline:2px solid #055FA6;outline-offset:1px}
button{font:inherit;font-weight:700;font-size:17px;padding:14px;border-radius:12px;border:0;background:#055FA6;color:#FFFFFF;cursor:pointer;margin-top:4px}
button:focus-visible{outline:2px solid #F38229;outline-offset:2px}
.err{color:#F38229;font-weight:700;font-size:14px}
.note{font-size:13px}
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:6px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#FFFFFF;color:#1F1F1F;font-weight:700;font-size:17px;text-decoration:none;box-shadow:0 1px 2px rgba(7,39,68,.08)}
.gbtn:hover{box-shadow:0 2px 8px rgba(7,39,68,.16)}
.gbtn:focus-visible{outline:2px solid #F38229;outline-offset:2px}
#pform{margin-top:14px}
