/* Shared styling for account pages (login, register, profile, etc.)
   Reuses the site's CSS variables defined in styles.css. */
.auth-wrap { max-width: 460px; margin: 0 auto; }
.auth-card {
    background: var(--panel-grad, #1a1410);
    border: 1px solid var(--border, #3a2e22);
    border-radius: 14px;
    padding: 26px 26px 30px;
    box-shadow: 0 0 24px var(--aura-soft, rgba(0,0,0,.4));
}
.auth-card h1 { font-family: var(--font-display, serif); color: var(--gold, #f4c95d); margin: 0 0 4px; }
.auth-sub { color: var(--muted, #9a8f80); margin: 0 0 20px; font-size: .92rem; }
.auth-field { margin-bottom: 16px; }
.auth-field label { display: block; color: #d4d4d4; font-size: .85rem; margin-bottom: 6px; }
.auth-field input[type=text],
.auth-field input[type=email],
.auth-field input[type=password] {
    width: 100%; box-sizing: border-box;
    background: #120e0a; color: #f0e9df;
    border: 1px solid var(--border, #3a2e22); border-radius: 8px;
    padding: 11px 12px; font-size: .95rem;
}
.auth-field input:focus { outline: none; border-color: var(--accent, #e0883a); box-shadow: 0 0 0 2px var(--aura, rgba(224,136,58,.25)); }
.auth-check { display: flex; align-items: center; gap: 8px; color: #c5c5c5; font-size: .88rem; margin-bottom: 18px; }
.auth-btn {
    width: 100%; cursor: pointer;
    background: linear-gradient(135deg, var(--accent, #e0883a), var(--accent-2, #c9602a));
    color: #fff; border: none; border-radius: 999px;
    font-family: var(--font-display, serif); font-weight: 700; font-size: 1.02rem; letter-spacing: .5px;
    padding: 13px 20px; box-shadow: 0 0 16px var(--aura, rgba(224,136,58,.3));
    transition: transform .15s ease, box-shadow .15s ease;
}
.auth-btn:hover { transform: translateY(-1px); box-shadow: 0 6px 22px var(--aura, rgba(224,136,58,.4)); }
.auth-alt { text-align: center; color: var(--muted, #9a8f80); font-size: .88rem; margin-top: 18px; }
.auth-alt a { color: var(--gold, #f4c95d); text-decoration: none; }
.auth-alt a:hover { text-decoration: underline; }
.auth-msg { border-radius: 8px; padding: 11px 13px; font-size: .9rem; margin-bottom: 18px; line-height: 1.5; }
.auth-msg.error { background: rgba(200,60,60,.12); border: 1px solid #b34; color: #ffb0b0; }
.auth-msg.ok    { background: rgba(80,170,90,.12); border: 1px solid #4a8; color: #b6f0c0; }
.auth-msg code  { word-break: break-all; color: #ffd; }