@font-face{font-family:"DM Sans";src:url(/static/dm-sans-var.woff2) format("woff2");font-weight:100 1000;font-display:swap}
@font-face{font-family:"Manrope";src:url(/static/manrope-var.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--navy:#183B5A;--navy-deep:#122E47;--ink:#13283E;--amber:#E6A527;--paper:#F5F3EE;--line:#D7DEDF;--field:#AEBEC5;--muted:#5A6B75;--ok:#187855;--ok-bg:#E3F3EB;--red:#B5453B;--red-bg:#FAE9E6}
*{box-sizing:border-box}
html,body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 "DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
header{background:var(--navy-deep);padding:18px 20px}
header img{height:30px;width:auto;display:block}
main{max-width:480px;margin:0 auto;padding:40px 20px 60px}
h1{font:800 28px/1.15 Manrope,system-ui,sans-serif;letter-spacing:-.02em;margin:0 0 10px}
p{margin:0 0 16px;color:var(--muted)}
.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}
label{display:block;font-weight:700;font-size:14px;margin:0 0 7px;color:var(--ink)}
input{width:100%;min-height:48px;border:1px solid var(--field);border-radius:9px;padding:10px 12px;font:inherit;color:var(--ink);margin-bottom:16px}
input:focus{outline:3px solid var(--amber);outline-offset:1px}
button{width:100%;min-height:52px;border:0;border-radius:10px;background:var(--navy);color:#fff;font:700 16px "DM Sans",system-ui,sans-serif;cursor:pointer}
button[disabled]{opacity:.55;cursor:progress}
.msg{display:none;border-radius:9px;padding:13px 14px;font-weight:700;margin-top:16px}
.msg.ok{display:block;background:var(--ok-bg);color:var(--ok)}
.msg.err{display:block;background:var(--red-bg);color:var(--red)}
.hint{font-size:13px;margin-top:-8px}