.auth-body { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 24px; }
.auth-bg { position: fixed; inset: 0; z-index: -1; }
.auth-bg .orb-1 { position: absolute; width: 500px; height: 500px; background: var(--primary); border-radius: 50%; filter: blur(100px); opacity: 0.1; top: -200px; left: -200px; }
.auth-bg .orb-2 { position: absolute; width: 400px; height: 400px; background: var(--secondary); border-radius: 50%; filter: blur(100px); opacity: 0.08; bottom: -150px; right: -150px; }
.auth-container { width: 100%; max-width: 440px; }
.auth-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 24px; padding: 40px; }
.auth-logo { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 800; margin-bottom: 28px; text-decoration: none; color: var(--text); }
.auth-title { font-size: 28px; font-weight: 800; margin-bottom: 8px; }
.auth-subtitle { color: var(--text-muted); font-size: 15px; margin-bottom: 28px; }
.auth-divider { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; }
.auth-divider::before, .auth-divider::after { content: ''; flex: 1; height: 1px; background: var(--border); }
.auth-divider span { color: var(--text-muted); font-size: 13px; white-space: nowrap; }
.auth-footer { text-align: center; margin-top: 24px; color: var(--text-muted); font-size: 14px; }
.auth-footer a { color: var(--primary); font-weight: 600; }
.auth-footer a:hover { text-decoration: underline; }