:root { color-scheme: light; font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; background: #f4f7fb; color: #14213d; }
.card { width: min(100%, 460px); padding: 34px; border: 1px solid #dce5f1; border-radius: 22px; background: white; box-shadow: 0 20px 50px rgba(27, 55, 94, .12); }
.logo { width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 16px; background: #1976d2; color: white; font-size: 26px; font-weight: 700; }
h1 { margin: 0 0 10px; font-size: 26px; }
p { margin: 0 0 24px; line-height: 1.55; color: #53627a; }
label { display: block; margin: 16px 0 7px; font-size: 14px; font-weight: 700; }
input { width: 100%; min-height: 48px; padding: 11px 13px; border: 1px solid #b8c6da; border-radius: 10px; font: inherit; }
input:focus { outline: 3px solid rgba(25, 118, 210, .16); border-color: #1976d2; }
button, .button { width: 100%; min-height: 48px; display: grid; place-items: center; margin-top: 22px; border: 0; border-radius: 10px; background: #1976d2; color: white; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; }
button:disabled { cursor: wait; opacity: .65; }
.back { display: inline-block; margin-top: 20px; color: #2563eb; font-weight: 650; text-decoration: none; }
.message { display: none; margin: 18px 0 0; padding: 13px 14px; border-radius: 10px; line-height: 1.45; }
.message.show { display: block; }
.message.success { background: #eaf8ef; color: #166534; }
.message.error { background: #fff0f0; color: #b42318; }
.hint { margin-top: 8px; font-size: 13px; color: #667085; }
@media (max-width: 520px) { .card { padding: 26px 20px; border-radius: 16px; } }