.auth-page{padding:var(--space-4xl) 0;min-height:calc(100vh - var(--header-height));display:flex;align-items:center}.auth-container{width:100%;max-width:450px;margin:0 auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2xl)}.auth-title{font-size:var(--text-2xl);font-weight:var(--weight-medium);margin-bottom:var(--space-xl);text-align:center}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-xl)}.auth-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.form-input{width:100%;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--color-text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-accent)}.form-input::placeholder{color:var(--color-text-muted)}.auth-submit-btn{width:100%;background:var(--color-accent-gradient);color:var(--color-accent-contrast);font-weight:var(--weight-medium);padding:.875rem;border-radius:var(--radius-sm);margin-top:var(--space-md);transition:opacity var(--transition-fast)}.auth-submit-btn:hover{opacity:.9}.auth-submit-btn:disabled{opacity:.5;cursor:not-allowed}.auth-footer{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-link{color:var(--color-text-primary);font-weight:var(--weight-medium);text-decoration:underline;text-underline-offset:4px;margin-left:4px;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-text-secondary)}.auth-error{background:var(--color-error-bg);border-left:3px solid var(--color-error);padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-sm);animation:auth-shake .4s cubic-bezier(.36,.07,.19,.97) both}@keyframes auth-shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.auth-error p{color:var(--color-error);font-size:var(--text-sm);font-weight:var(--weight-medium)}.auth-error svg{color:var(--color-error);flex-shrink:0}.auth-success{background:var(--color-focus-ring);border-left:3px solid var(--color-accent);padding:var(--space-md);margin-bottom:var(--space-lg);border-radius:var(--radius-sm);display:flex;align-items:center;gap:var(--space-sm)}.auth-success p{color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--weight-medium)}.auth-success svg{color:var(--color-accent);flex-shrink:0}.form-forgot-link{font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:underline;text-underline-offset:3px;align-self:flex-end;transition:color var(--transition-fast)}.form-forgot-link:hover{color:var(--color-text-primary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:480px){.form-grid{grid-template-columns:1fr}.auth-container{border:none;background:transparent;padding:var(--space-md)}}.success-icon{width:64px;height:64px;background:var(--color-focus-ring);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-lg);color:var(--color-accent)}.redirect-timer{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-xl)}.countdown{font-weight:var(--weight-medium);color:var(--color-text-primary)}