:root { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #202b3c; background: #f5f6f8; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 20px; }
.card { width: 100%; max-width: 400px; padding: 38px 36px 28px; background: #fff; border: 1px solid #e2e6eb; border-radius: 14px; box-shadow: 0 8px 30px rgb(25 35 50 / 4%); }
.mark { display: block; width: 42px; height: 42px; margin-bottom: 24px; }
h1 { margin: 0; font-size: 26px; letter-spacing: -.7px; font-weight: 650; }
.subtitle { margin: 8px 0 30px; color: #697382; font-size: 14px; }
label { display: block; margin: 20px 0 8px; font-size: 13px; font-weight: 600; }
input { width: 100%; height: 46px; padding: 0 12px; border: 1px solid #cdd3db; border-radius: 7px; background: #fff; color: #202b3c; font: inherit; font-size: 16px; }
input:focus-visible { outline: 3px solid #dce5f0; border-color: #536a86; }
button { width: 100%; min-height: 46px; margin-top: 26px; border: 0; border-radius: 7px; background: #25354a; color: #fff; font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; }
button:hover { background: #34485f; }
button:focus-visible { outline: 3px solid #91a6c0; outline-offset: 3px; }
button:disabled { opacity: .65; cursor: wait; }
.message { min-height: 36px; margin: 12px 0 0; color: #a33333; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.notice { margin: 12px 0 0; padding-top: 22px; border-top: 1px solid #eceef1; text-align: center; color: #697382; font-size: 12px; }
.noscript { font-size: 13px; color: #a33333; }
.error-code { margin: 0 0 12px; color: #697382; font-size: 13px; font-weight: 600; letter-spacing: 2px; }
.error-description { margin: 14px 0 26px; color: #697382; font-size: 14px; line-height: 1.7; }
.return-link { display: flex; align-items: center; justify-content: center; min-height: 46px; margin-bottom: 28px; border-radius: 7px; background: #25354a; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.return-link:hover { background: #34485f; }
.return-link:focus-visible { outline: 3px solid #91a6c0; outline-offset: 3px; }
@media (max-width: 420px) { .card { padding: 30px 24px 24px; } }