.auth-page{min-height:100vh;padding:var(--spacing-md);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex}.auth-container{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-2xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl)}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-header p{color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.form-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:500}.form-group input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--text-light);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:border-color var(--transition-fast);background:var(--bg-primary)}.form-group input:focus{border-color:var(--primary);outline:none}.form-group input.error{border-color:var(--danger)}.error-message{color:var(--danger);font-size:var(--font-size-xs)}.form-actions{margin:var(--spacing-xs) 0;justify-content:flex-end;display:flex}.forgot-link{color:var(--primary);font-size:var(--font-size-sm);text-decoration:none}.forgot-link:hover{text-decoration:underline}.form-footer{text-align:center;margin-top:var(--spacing-md);color:var(--text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.form-footer a{color:var(--primary);font-weight:500;text-decoration:none}.form-footer a:hover{text-decoration:underline}.verify-content{text-align:center;padding:var(--spacing-xl) 0}.verify-loading,.verify-success,.verify-error{flex-direction:column;align-items:center;display:flex}.verify-icon{margin-bottom:var(--spacing-lg);font-size:4rem}.verify-success h2{color:var(--accent);margin-bottom:var(--spacing-md)}.verify-error h2{color:var(--danger);margin-bottom:var(--spacing-md)}.verify-hint{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-md)}.success-message{text-align:center;padding:var(--spacing-xl) 0}.success-icon{margin-bottom:var(--spacing-lg);font-size:4rem}.success-message h3{color:var(--accent);margin-bottom:var(--spacing-md)}.success-message p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.success-message strong{color:var(--text-primary)}