/* Auth-specific styles — login / register / dashboard */
.authHero { padding: var(--space-6) 24px var(--space-3); text-align: center; }
.authCard { max-width: 440px; margin: 0 auto; }
.authSwitch { text-align: center; font-family: var(--fontUi); font-size: 14px; margin-top: var(--space-2); }
.authSwitch a { color: var(--primary); font-weight: 700; }
.dashboardWelcome { padding: var(--space-6) 24px var(--space-2); }
.dashboardGrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin-top: var(--space-4); }
.dashboardStat { text-align: center; }
.dashboardStat strong { display: block; font-size: 30px; color: var(--primary); font-family: var(--fontUi); }
.upgradeBanner { background: var(--surface-raised); border: 1px dashed var(--primary); border-radius: var(--border-radius-lg); padding: var(--space-4); text-align: center; margin-top: var(--space-4); }