/* ═══════════════════════════════════════════════════════════════
   ایستگاه مد — Auth Pages CSS (ورود / ثبت‌نام)
   ═══════════════════════════════════════════════════════════════ */

.auth-page {
    min-height: 100vh;
    display: flex; align-items: center; justify-content: center;
    padding: 2rem 1.2rem;
    background:
        radial-gradient(ellipse at top right, rgba(187, 143, 74,.1), transparent 50%),
        radial-gradient(ellipse at bottom left, rgba(187, 143, 74,.06), transparent 50%),
        var(--bg-dark);
}

.auth-container { width: 100%; max-width: 420px; }

.auth-card {
    background: var(--glass-2);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    border: 1px solid var(--border);
    border-radius: 20px;
    padding: 2.6rem 2.2rem;
    box-shadow: 0 30px 60px -30px rgba(0,0,0,.6);
}

.auth-logo { text-align: center; font-size: 1.5rem; font-weight: 800; margin-bottom: 1.6rem; }
.auth-logo span { color: var(--gold); }

.auth-title { text-align: center; font-size: 1.5rem; font-weight: 700; margin-bottom: .4rem; }
.auth-sub { text-align: center; color: var(--text-muted); font-size: .88rem; margin-bottom: 1.8rem; }

.auth-form { display: flex; flex-direction: column; gap: 1.1rem; }

.auth-field label { display: block; font-size: .82rem; color: var(--text-muted); margin-bottom: .5rem; }
.auth-field input {
    width: 100%; padding: .85rem 1rem; border-radius: 10px;
    background: var(--bg-card-2); border: 1px solid var(--border); color: var(--text);
    font-size: .92rem; transition: border-color .25s;
}
.auth-field input:focus { border-color: var(--gold); outline: none; }
.auth-field input::placeholder { color: #5a564f; }

.password-wrap { position: relative; }
.password-wrap input { padding-left: 2.8rem; }
.toggle-pw {
    position: absolute; left: .6rem; top: 50%; transform: translateY(-50%);
    background: none; color: var(--text-muted); font-size: 1rem; padding: .3rem;
}
.toggle-pw:hover { color: var(--gold); }

.btn-auth {
    margin-top: .5rem;
    background: linear-gradient(135deg, var(--gold-light), var(--gold));
    color: #241a0d; font-weight: 700; padding: .95rem; border-radius: 10px; font-size: .95rem;
    transition: all .3s ease;
}
.btn-auth:hover { transform: translateY(-2px); box-shadow: 0 10px 30px -8px rgba(187, 143, 74,.5); }

.auth-footer { text-align: center; margin-top: 1.6rem; font-size: .87rem; color: var(--text-muted); }
.auth-footer a { color: var(--gold); }
.auth-footer a:hover { text-decoration: underline; }