@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.form-page{width:100%;padding-block:var(--space-4);flex-direction:column;display:flex}.form-branding{margin-bottom:var(--space-6);text-align:center;flex-direction:column;align-items:center;animation:.5s ease-out backwards fadeInUp;display:flex}.form-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.form-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);max-width:280px;line-height:1.5}.form-card{width:100%;max-width:400px;animation:.4s ease-out .1s backwards fadeInUp}.form-card-header{text-align:center}.form-card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.form-card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.form-divider{margin-bottom:var(--space-3)}.form-fields{gap:var(--space-1);flex-direction:column;display:flex}.form-footer p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.form-footer a{color:var(--color-primary);font-weight:var(--font-semibold);text-decoration:none;transition:color .2s}@media (hover:hover){.form-footer a:hover{color:var(--color-primary-hover);text-decoration:underline}}@media (width>=480px){.form-page{padding:var(--space-6) var(--space-6) var(--space-10)}.form-branding{margin-bottom:var(--space-8)}.form-title{font-size:var(--text-2xl)}}@media (width>=768px){.form-page{padding-top:var(--space-8);align-items:center}.form-title{font-size:var(--text-3xl)}}.auth-page{position:relative}.auth-logo{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-hover) 100%);border-radius:var(--radius-xl);width:64px;height:64px;margin-bottom:var(--space-3);box-shadow:0 8px 24px -4px color-mix(in srgb, var(--color-primary) 30%, transparent), 0 16px 48px -8px color-mix(in srgb, var(--color-primary) 15%, transparent);justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex}.auth-logo-link{flex-direction:column;align-items:center;text-decoration:none;display:flex}@media (hover:hover){.auth-logo:hover{box-shadow:0 12px 32px -4px color-mix(in srgb, var(--color-primary) 40%, transparent), 0 20px 56px -8px color-mix(in srgb, var(--color-primary) 20%, transparent);transform:scale(1.05)rotate(2deg)}}.auth-logo svg{color:#fff;width:32px;height:32px}.auth-app-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.auth-tagline{font-size:var(--text-sm);color:var(--text-tertiary);max-width:280px;line-height:1.5}.auth-benefits{gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);flex-direction:column;display:flex}.auth-benefit{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.auth-benefit svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.password-field{flex-direction:column;gap:6px;display:flex}.password-requirements{gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.password-requirements span{border-radius:var(--radius-sm);background-color:var(--bg-secondary);padding:2px 6px;transition:color .15s,background-color .15s}.password-requirements span.passed{color:var(--color-success);background-color:color-mix(in srgb, var(--color-success) 10%, transparent)}@media (width>=480px){.auth-branding{margin-top:var(--space-2)}.auth-logo{width:56px;height:56px}.auth-logo svg{width:28px;height:28px}.auth-app-name{font-size:var(--text-lg)}}