/* Login / Register pages — styled after the original auth modal */

.auth-page-wrap { min-height: calc(100vh - 200px); display: flex; align-items: center; justify-content: center; padding: 40px 20px; }
.auth-card { background: var(--white); border-radius: 24px; width: 100%; max-width: 440px; box-shadow: 0 20px 50px rgba(36,27,58,0.18); overflow: hidden; }
.auth-header { background: linear-gradient(135deg, var(--night), var(--night-2)); padding: 32px 32px 24px; color: #fff; text-align: center; }
.auth-header h3 { font-size: 22px; margin-bottom: 6px; font-family: 'Cinzel', serif; }
.auth-header p { font-size: 13px; color: rgba(255,255,255,0.7); }
.auth-nav { display: flex; border-bottom: 1px solid rgba(43,27,46,0.08); background: var(--cream); }
.auth-tab { flex: 1; padding: 14px; text-align: center; font-weight: 600; font-size: 14px; color: var(--ink-soft); cursor: pointer; border: none; background: transparent; transition: all .2s ease; text-decoration: none; display: block; font-family: inherit; }
.auth-tab.active { color: var(--saffron-deep); background: var(--white); box-shadow: inset 0 -2px 0 var(--saffron-deep); }
.auth-body { padding: 28px 32px 36px; }
.auth-form { display: flex; flex-direction: column; gap: 16px; }
.auth-footer { text-align: center; font-size: 12.5px; color: var(--ink-soft); margin-top: 10px; }
.auth-footer a { color: var(--saffron-deep); font-weight: 600; }