.auth-page { min-height: 100vh; display: grid; place-items: center; padding: 32px; background: radial-gradient(circle at 0% 0%, rgba(36,88,255,.14), transparent 30%), radial-gradient(circle at 100% 0%, rgba(16,199,154,.16), transparent 30%), #f7f9fc; }
.auth-card { width: min(560px, 100%); background: white; border: 1px solid rgba(15,23,42,.08); border-radius: 32px; padding: 32px; box-shadow: 0 24px 70px rgba(20,31,55,.12); }
.auth-card h1 { font-size: 44px; margin: 28px 0 8px; letter-spacing: -2px; }
.auth-card h2 { font-size: 26px; margin: 24px 0 12px; }
.auth-card p { color: var(--muted); line-height: 1.5; }
.auth-card form { display: grid; gap: 14px; margin-top: 22px; }
.auth-card label { display: grid; gap: 8px; color: var(--ink); font-weight: 900; }
.auth-card input { border: 1px solid rgba(15,23,42,.14); border-radius: 16px; padding: 14px 15px; background: #f8fafc; font: inherit; }
.auth-card input:focus { outline: none; background: white; border-color: rgba(36,88,255,.5); box-shadow: 0 0 0 4px rgba(36,88,255,.10); }
.auth-link a { color: var(--blue); font-weight: 900; }
.user-dashboard { width: min(1180px, calc(100% - 32px)); margin: 50px auto; }
.welcome-card { background: white; border: 1px solid rgba(15,23,42,.08); border-radius: 34px; padding: 38px; box-shadow: 0 24px 70px rgba(20,31,55,.10); margin-bottom: 24px; }
.welcome-card h1 { margin: 0 0 12px; font-size: clamp(42px, 6vw, 72px); letter-spacing: -3px; }
.welcome-card p { color: var(--muted); font-size: 19px; }