.auth-body { background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.auth-wrapper { width: 100%; max-width: 420px; padding: 1.5rem; }
.auth-brand { display: flex; align-items: center; gap: .6rem; color: #fff; font-size: 1.1rem; font-weight: 700; text-decoration: none; margin-bottom: 1.5rem; }
.auth-card { background: #fff; border-radius: 16px; padding: 2.5rem; box-shadow: 0 20px 60px rgba(0,0,0,.2); }
.auth-card h1 { font-size: 1.5rem; margin-bottom: .4rem; }
.auth-sub { color: var(--text-muted); margin-bottom: 1.75rem; font-size: .95rem; }
.auth-form { display: flex; flex-direction: column; gap: 0; }
.auth-switch { text-align: center; margin-top: 1.5rem; font-size: .9rem; color: var(--text-muted); }