/* Şifremi unuttum / şifre sıfırlama — giriş sayfasıyla aynı fildişi/amber tema (DESIGN.md). */
* { font-family: 'Inter', sans-serif; }
body {
    background: #f9f9f7;
    color: #17181c;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 16px;
}
::selection { background: #fff1de; color: #17181c; }
.reset-card {
    background: #fff;
    border: 1px solid rgba(23,24,28,.12);
    border-radius: 22px;
    box-shadow: 0 30px 60px -36px rgba(60,40,10,.32), 0 12px 28px -20px rgba(23,24,28,.16);
    width: 100%;
    max-width: 440px;
    padding: 44px 40px;
}
.brand-icon {
    width: 56px;
    height: 56px;
    background: #fff1de;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
}
.brand-icon i { font-size: 26px; color: #b9520a; }
h1 { font-size: 22px; font-weight: 800; letter-spacing: -.02em; color: #17181c; margin: 0; text-align: center; }
.lead-text { font-size: 14px; color: #575b62; line-height: 1.6; margin: 8px 0 24px; text-align: center; }
.back-link { color: #575b62; font-size: 14px; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; margin-bottom: 18px; }
.back-link:hover { color: #9a4508; }
.form-floating label { color: #575b62; }
.form-control { border-color: rgba(23,24,28,.12); border-radius: 12px; }
.form-control:focus { border-color: #b9520a; box-shadow: 0 0 0 .2rem rgba(185,82,10,.14); }
.btn-primary {
    background: #b9520a;
    border: none;
    border-radius: 99px;
    padding: 13px;
    font-size: 15px;
    font-weight: 700;
}
.btn-primary:hover, .btn-primary:focus-visible { background: #9a4508; }
.hint-box {
    background: #f2f2ef;
    border-radius: 12px;
    color: #4a4d53;
    font-size: 13px;
    line-height: 1.6;
    padding: 12px 14px;
    margin-bottom: 20px;
}
.password-rule { color: #575b62; font-size: 13px; margin: -8px 0 16px; }
.login-link { text-align: center; margin-top: 20px; font-size: 14px; color: #575b62; }
.login-link a { color: #9a4508; font-weight: 700; text-decoration: none; }
.login-link a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 480px) { .reset-card { padding: 32px 22px; } }