.password-page { background: radial-gradient(ellipse at 25% 0%, #169fa6 0%, transparent 55%), linear-gradient(125deg,#00838e,#00949e 65%,#007b8c); }
.password-page .login-card { position:relative; width:min(100%,440px); padding:32px 36px 30px; border-radius:13px; background:#fffdfa; }
.password-page .login-header { justify-content:flex-start; gap:12px; margin-bottom:30px; }
.password-page .login-logo { width:58px; }
.password-brand { color:#111e35; font-size:18px; font-weight:700; line-height:1.3; }
.password-brand span { color:#008f9c; }
.password-page h1 { font-size:18px; font-weight:600; color:#14213c; margin:0 0 8px; }
.password-description { font-size:15px; color:#657087; line-height:1.4; margin:0 0 24px; }
.password-page label { display:block; margin-bottom:6px; font-size:14px; font-weight:500; color:#17243b; }
.password-page .login-field input { height:46px; padding-left:48px; border-radius:6px; background:#fff; }
.password-page .login-field-icon { font-size:18px; }
.password-page .login-submit { min-height:46px; font-size:15px; margin-top:18px; border-radius:7px; box-shadow:none; font-weight:600; }
.password-page .login-submit i { font-size:18px; }
.password-page .login-links { justify-content:center; margin-top:20px; }
.password-page .login-links a { color:#5541df; }
.password-close { position:absolute; top:10px; right:10px; width:40px; height:40px; display:grid; place-items:center; color:#738099; font-size:24px; text-decoration:none; border-radius:6px; }
.password-close:hover { background:#edf5f5; color:#007d89; }
.password-close:focus-visible,.password-page a:focus-visible { outline:3px solid #008e9b; outline-offset:2px; }
.password-message { font-size:14px; padding:10px 12px; margin:16px 0 0; border-radius:6px; line-height:1.4; overflow-wrap:anywhere; }
.password-message[data-kind=error] { background:#fff0ee; color:#9e2525; }
.password-message[data-kind=success] { background:#e8f7f0; color:#12663f; }
.password-message[hidden] { display:none; }
.password-hint { font-size:13px; color:#657087; margin:0 0 16px; }
@media(max-width:575px) { .password-page .login-card { padding:32px 24px 26px; } .password-page .login-header { gap:10px; } .password-brand { font-size:17px; } .password-page .login-logo { width:52px; } }
@media(max-width:350px) { .password-page .login-card { padding-left:18px;padding-right:18px; } .password-brand { font-size:16px; } }