:root{font-family:Manrope,"Segoe UI",sans-serif;color:#172e3d;background:#102a43}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(440px,100%);background:#fff;border-radius:12px;padding:40px}.brand{font-size:26px;font-weight:800;letter-spacing:1px;color:#102a43}.brand span{display:block;font-size:10px;letter-spacing:3px;margin-top:5px}.eyebrow{font-size:11px;letter-spacing:2px;color:#5e7482;margin-top:42px}h1{font-size:25px;margin:12px 0}.description,footer{color:#627886;font-size:14px;line-height:1.6}form{margin-top:28px}label{display:block;font-size:13px;font-weight:600;margin:18px 0 8px}input{width:100%;border:1px solid #ced9df;border-radius:6px;padding:13px;font-size:17px}button{width:100%;padding:14px;margin-top:24px;background:#102a43;color:#fff;border:0;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #d39e45;outline-offset:3px}#error{color:#9f3b30;font-size:14px;min-height:20px}footer{border-top:1px solid #e8edf0;padding-top:20px;margin-top:12px;font-size:12px}@media(max-width:480px){main{padding:28px}}