/* ============================================================
   Login Page
   ============================================================ */

.login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        linear-gradient(135deg, rgba(10,20,10,0.95) 0%, rgba(26,42,26,0.9) 100%),
        repeating-linear-gradient(
            45deg,
            transparent,
            transparent 40px,
            rgba(200,169,81,0.03) 40px,
            rgba(200,169,81,0.03) 80px
        );
    padding: 1.5rem;
}

.login-wrapper { width: 100%; max-width: 420px; }

.login-card {
    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(200,169,81,0.2);
    border-radius: 8px;
    padding: 2.5rem;
    box-shadow: 0 8px 40px rgba(0,0,0,0.5);
}

.login-card__header {
    text-align: center;
    margin-bottom: 2rem;
}
.login-logo { margin-bottom: 0.75rem; }
.login-logo__img { width: 72px; height: 72px; object-fit: contain; margin: 0 auto; filter: drop-shadow(0 2px 8px rgba(0,0,0,0.5)); }
.login-card__header h1 {
    font-size: 1.3rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--gold);
    margin-bottom: 0.25rem;
}
.login-card__header p {
    font-size: 0.82rem;
    color: var(--tan);
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.login-form { display: flex; flex-direction: column; gap: 0; }

.login-card__footer {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5rem;
    font-size: 0.82rem;
}
.login-card__footer a { color: var(--tan); }
.login-card__footer a:hover { color: var(--gold); }