:root{color-scheme:light;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#172238;background:#f4f6fa}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:440px;background:white;padding:32px;border:1px solid #e0e6ee;border-radius:22px;box-shadow:0 12px 44px #111c3009}.brand{font-weight:800;font-size:28px;letter-spacing:-1px}.brand span{color:#72a22c}h1{font-size:25px;margin:28px 0 8px;letter-spacing:-.5px}p{font-size:15px;line-height:1.6;color:#627086;margin:0 0 24px}label{display:block;font-size:14px;font-weight:600;margin:18px 0 8px}input{font:inherit;display:block;width:100%;border:1px solid #d5deea;border-radius:10px;min-height:48px;padding:11px 13px;color:#172238;background:white}input:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #6c91d5;outline-offset:3px}button{width:100%;border:0;border-radius:11px;background:#172c49;color:white;font:600 16px/1.5 inherit;min-height:48px;margin-top:24px;cursor:pointer}.message{background:#fff2f2;color:#973d40;border:1px solid #f0d4d4;border-radius:10px;padding:12px 14px;margin:16px 0;font-size:14px;line-height:1.5}.links{font-size:14px;margin-top:22px;color:#627086}a{color:#315f9f;text-underline-offset:3px}.note{font-size:13px;margin:12px 0 0}@media(max-width:480px){body{padding:16px}main{padding:24px}}