.password-reset-page { min-height: 100dvh; display: grid; place-items: center; padding: 32px 18px; background: radial-gradient(circle at 84% 12%, rgba(255,122,0,.22), transparent 28%), linear-gradient(135deg,#071A3D,#123B74); }
.password-reset-card { width: min(100%, 470px); padding: 36px 32px; border-radius: 28px; background: rgba(255,255,255,.97); box-shadow: 0 28px 64px rgba(0,0,0,.24); color: #071A3D; }
.password-reset-brand { display:block; margin-bottom: 28px; color:#071A3D; text-decoration:none; text-align:center; font:800 1.8rem Outfit,Arial,sans-serif; }.password-reset-brand span span { color:#FF7A00; }
.password-reset-heading, .password-reset-status { text-align:center; }.password-reset-icon { display:inline-grid; width:50px; height:50px; place-items:center; border-radius:15px; background:#FFF4E8; color:#FF7A00; }
.password-reset-heading h1, .password-reset-status h1 { margin:15px 0 9px; font:700 1.55rem Outfit,Arial,sans-serif; }.password-reset-heading p, .password-reset-status p { margin:0 0 26px; color:#61708a; line-height:1.55; }
.password-reset-form label { display:block; margin:18px 0 8px; font-weight:700; }.password-reset-input { display:flex; align-items:center; gap:12px; padding:0 15px; border:1px solid transparent; border-radius:14px; background:#f5f7fb; }.password-reset-input:focus-within { border-color:#FF7A00; box-shadow:0 0 0 4px rgba(255,122,0,.12); }.password-reset-input i { color:#71809a; }.password-reset-input input { width:100%; min-height:52px; border:0; outline:0; background:transparent; font:inherit; }
.password-reset-submit { width:100%; min-height:52px; margin-top:26px; border:0; border-radius:14px; background:#FF7A00; color:#fff; font:700 1rem Outfit,Arial,sans-serif; cursor:pointer; }.password-reset-submit:hover { background:#e96f00; }.password-reset-error { margin:18px 0 0; text-align:center; color:#bb3232; line-height:1.45; }.password-reset-status i { color:#22a06b; font-size:3rem; }.password-reset-status:not(.password-reset-status-success) i { color:#FF7A00; }
@media (max-width:480px) { .password-reset-page { align-items:start; padding:20px 14px; }.password-reset-card { padding:28px 22px; border-radius:23px; } }
