.auth-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 300px);padding:var(--space-8) var(--space-4);background-color:var(--color-bg)}.auth-card{width:100%;max-width:420px;background-color:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.auth-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;text-align:center;color:var(--color-text-primary);margin-bottom:var(--space-2)}.auth-subtitle{text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.auth-form{gap:var(--space-4)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.password-header{display:flex;justify-content:space-between;align-items:center}.form-group input{padding:var(--space-3) var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px hsla(var(--color-primary-h),var(--color-primary-s),var(--color-primary-l),.2)}.auth-btn{margin-top:var(--space-2);width:100%;padding:var(--space-3)}.auth-footer{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-link{color:var(--color-primary);font-weight:500}.auth-link:hover{text-decoration:underline}.auth-link.small{font-size:.75rem}