/* ================================================
   THE KUEHS — Forgot / Reset Password Styles
   Used by forgot-password.php & reset-password.php
   ================================================ */

/* Intro text above the form */
.reset-intro{color:rgba(255,255,255,.65);font-size:.95rem;line-height:1.7;margin:0 0 25px;text-align:left}
.reset-intro strong{color:#ff8fab}

/* Submit button (mirrors .login-btn) */
.reset-btn{width:100%;padding:18px;margin:20px 0 25px;background:linear-gradient(to right,#ff4d6d,#ff8fab);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(255,77,109,.3)}
.reset-btn:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(255,77,109,.5)}
.reset-btn:active{transform:translateY(-1px)}
.reset-btn::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .7s}
.reset-btn:hover::after{left:100%}
.reset-btn i{margin-right:10px}

/* Password strength bar */
.pw-strength-bar{height:4px;background:rgba(255,255,255,.07);border-radius:4px;margin-top:8px;overflow:hidden}
.pw-strength-bar span{display:block;height:100%;width:0;border-radius:4px;transition:width .3s,background .3s}

/* Field hint (reused from signup.css pattern) */
.field-hint{font-size:.72rem;color:rgba(255,255,255,.4);margin:5px 0 0;padding-left:4px;transition:color .2s}

/* ── Success state ── */
.reset-success-box{text-align:center;padding:10px 0 30px}
.reset-success-icon{font-size:4rem;color:#2ecc71;margin-bottom:18px;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275) both}
.reset-success-title{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 14px}
.reset-success-text{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.7;margin:0 0 10px}
.reset-success-text strong{color:#ff8fab}
.reset-success-sub{color:rgba(255,255,255,.4);font-size:.85rem;margin:0}

/* ── Error / expired state ── */
.reset-error-box{text-align:center;padding:10px 0 30px}
.reset-error-icon{font-size:4rem;color:#e74c3c;margin-bottom:18px}
.reset-error-title{color:#fff;font-size:1.6rem;font-weight:700;margin:0 0 14px}
.reset-error-text{color:rgba(255,255,255,.7);font-size:.95rem;line-height:1.7;margin:0}

/* Alert (same as login.css but scoped here too for safety) */
.alert-error{background:rgba(231,76,60,.2);border-left:3px solid #e74c3c;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:.9rem;color:#ff8fab;text-align:left}
.alert-error i{margin-right:8px;color:#e74c3c}

@keyframes popIn{from{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}