.auth-container{background-color:var(--color-black);min-height:100vh;padding:0 10%;display:flex}.auth-card{padding:var(--spacing-3xl)50px;background-color:var(--color-black);flex-direction:column;flex:1;justify-content:center;display:flex}.logo{margin-bottom:var(--spacing-sm);justify-content:flex-start;display:flex}.logo-link{transition:opacity var(--transition-fast);display:block}.logo-link:hover{opacity:.8}.auth-header h2{color:var(--color-white);margin:0 0 var(--spacing-sm)0;text-align:left;font-size:32px;font-weight:700}.auth-header p{color:var(--color-white-alpha-70);margin:0 0 var(--spacing-md)0;text-align:left;font-size:16px}.auth-form{margin-bottom:var(--spacing-md)}.auth-container .form-group label{color:var(--color-white)}.auth-container .form-group input{background-color:var(--color-white-alpha-05);color:var(--color-white);border-color:var(--color-white-alpha-20)}.auth-container .form-group input::placeholder{color:var(--color-white-alpha-40)}.auth-container .form-group input:focus{border-color:var(--color-primary)}.auth-container .form-group input.error{border-color:var(--color-danger)}.auth-container .password-input-wrapper input{background-color:var(--color-white-alpha-05);color:var(--color-white);border-color:var(--color-white-alpha-20)}.auth-container .password-toggle{color:var(--color-primary)}.auth-container .password-toggle:hover{color:var(--color-primary-hover);background-color:var(--color-white-alpha-05)}.auth-container .error-message{color:var(--color-danger)}.non-field-error{background-color:var(--color-danger-light);color:var(--color-danger);padding:var(--spacing-md);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);text-align:left;border:1px solid var(--color-danger-border);font-size:14px}.forgot-password{margin-bottom:var(--spacing-sm);color:var(--color-primary);text-align:right;transition:color var(--transition-fast);font-size:14px;text-decoration:none;display:block}.forgot-password:hover{color:#58f}.auth-button{color:#fff;cursor:pointer;width:100%;margin-top:var(--spacing-sm);background:linear-gradient(135deg,#f36 0%,#36f 100%);border:none;border-radius:8px;padding:14px;font-size:16px;font-weight:600;transition:opacity .2s,transform .1s}.auth-button:hover:not(:disabled){box-shadow:var(--shadow-primary);transform:translateY(-1px)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-divider{margin:var(--spacing-sm)0;align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";background-color:var(--color-white-alpha-20);flex:1;height:1px}.auth-divider span{padding:0 var(--spacing-md);color:var(--color-white-alpha-50);background-color:var(--color-black);font-size:14px}.social-buttons{gap:var(--spacing-md);flex-direction:column;display:flex}.social-button{width:100%;padding:var(--spacing-md);background-color:var(--color-white-alpha-05);border:1px solid var(--color-white-alpha-20);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-md);transition:all var(--transition-fast);color:var(--color-white);font-size:15px;font-weight:500;display:flex}.social-button:hover{background-color:var(--color-white-alpha-08)}.social-button.google:hover{border-color:#4285f480}.social-button.microsoft:hover{border-color:#0078d480}.auth-footer{color:var(--color-white-alpha-70);margin-top:var(--spacing-sm);text-align:center;font-size:24px}.auth-footer p{margin:0}.auth-link{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.auth-link:hover{color:#58f}.auth-visual{background-color:var(--color-black);padding:var(--spacing-3xl)50px;flex:1;justify-content:center;align-items:center;display:flex;position:relative}.visual-container{position:absolute;inset:0;overflow:hidden}.registration-success{text-align:left;padding:var(--spacing-xl)}.registration-success h2{margin:0 0 var(--spacing-md)0;color:var(--color-white);font-size:28px;font-weight:700}.registration-success p{color:var(--color-white-alpha-80);margin:0 0 var(--spacing-sm)0;font-size:16px;line-height:1.6}.registration-success .email-highlight{color:var(--color-primary);font-weight:600}.registration-success-actions{margin-top:var(--spacing-2xl);gap:var(--spacing-md);flex-direction:column;display:flex}.resend-verification-section{margin-top:var(--spacing-sm);padding:var(--spacing-lg);background-color:var(--color-warning-light);border:1px solid var(--color-warning-border);border-radius:var(--radius-lg)}.resend-verification-section h3{color:var(--color-white);margin:0 0 var(--spacing-sm)0;font-size:16px;font-weight:600}.resend-verification-section p{color:var(--color-white-alpha-70);margin:0 0 var(--spacing-md)0;font-size:14px}.resend-form{gap:var(--spacing-md);flex-direction:column;display:flex}.resend-message{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);font-size:14px;font-weight:500}.resend-message.success{background-color:var(--color-success-light);color:var(--color-success-hover);border:1px solid var(--color-success-border)}.resend-message.error{background-color:var(--color-danger-light);color:var(--color-danger-hover);border:1px solid var(--color-danger-border)}@media (max-width:1024px){.auth-visual{display:none!important}.auth-card{flex:1!important;max-width:600px!important;margin:0 auto!important}.auth-container{padding:0 5%}}@media (max-width:640px){.auth-container{padding:0 20px}.auth-card{padding:var(--spacing-md)20px}.auth-header h2{font-size:28px}}