.auth-layout{background:linear-gradient(135deg,var(--color-primary-50)0%,var(--color-white)50%,var(--color-secondary-light)100%);flex-direction:column;min-height:100dvh;display:flex}.dark .auth-layout{background:linear-gradient(135deg,#030d26 0%,#020817 50%,#030d26 100%)}.auth-container{padding:var(--spacing-4);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-white);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-xl);padding:var(--spacing-8)}.dark .auth-card{background:#030c21;border:1px solid #1e293b}@media (max-width:480px){.auth-card{padding:var(--spacing-6);border-radius:var(--radius-lg)}}.auth-logo{justify-content:center;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-6);display:flex}.auth-logo-icon{background:var(--color-primary);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-white);font-weight:var(--font-bold);font-size:var(--text-xl);justify-content:center;align-items:center;display:flex}.auth-logo-text{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-gray-900)}.dark .auth-logo-text{color:#fff}.auth-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-gray-900);text-align:center;margin-bottom:var(--spacing-2)}.dark .auth-title{color:#fff}.auth-subtitle{font-size:var(--text-sm);color:var(--color-gray-500);text-align:center;margin-bottom:var(--spacing-6)}.dark .auth-subtitle{color:#bdc9db}.auth-form{gap:var(--spacing-4);flex-direction:column;display:flex}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-700)}.dark .form-label{color:#b3bdcc}.form-input{width:100%;padding:var(--spacing-3)var(--spacing-4);font-size:var(--text-base);border:1px solid var(--color-gray-300);border-radius:var(--radius-lg);background:var(--color-white);color:var(--color-gray-900);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input::placeholder{color:var(--color-gray-400)}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-50);outline:none}.form-input:disabled{background:var(--color-gray-100);cursor:not-allowed}.dark .form-input{color:#fff;background:#020a1c;border-color:#222f44}.dark .form-input::placeholder{color:#667b99}.dark .form-input:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px hsl(var(--primary)/.2)}.dark .form-input:disabled{background:#04112f}.form-error{font-size:var(--text-sm);color:var(--color-error)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);min-height:48px;font-size:var(--text-base);font-weight:var(--font-medium);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--color-primary);color:var(--color-white);border:none}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{background:var(--color-gray-400);cursor:not-allowed}.btn-secondary{background:var(--color-white);color:var(--color-gray-700);border:1px solid var(--color-gray-300)}.btn-secondary:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.dark .btn-secondary{color:#c2cad6;background:#030d26;border-color:#2b3b55}.dark .btn-secondary:hover{background:#051438;border-color:#3c5276}.btn-full-width{width:100%}.auth-divider{align-items:center;gap:var(--spacing-4);margin:var(--spacing-4)0;display:flex}.auth-divider-line{background:var(--color-gray-200);flex:1;height:1px}.auth-divider-text{font-size:var(--text-sm);color:var(--color-gray-400)}.dark .auth-divider-line{background:#222f44}.dark .auth-divider-text{color:#667b99}.auth-footer{text-align:center;margin-top:var(--spacing-6);font-size:var(--text-sm);color:var(--color-gray-500)}.auth-footer a{color:var(--color-primary);font-weight:var(--font-medium)}.auth-footer a:hover{color:var(--color-primary-dark);text-decoration:underline}.dark .auth-footer{color:#8596ad}.alert{padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--spacing-4)}.alert-error{background:var(--color-error-light);color:var(--color-error);border:1px solid var(--color-error)}.alert-success{background:var(--color-success-light);color:#065f46;border:1px solid var(--color-success)}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.password-strength{align-items:center;gap:var(--spacing-3);margin-top:var(--spacing-2);display:flex}.password-strength-bar{background:var(--color-gray-200);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.password-strength-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal),background-color var(--transition-normal)}.password-strength-label{font-size:var(--text-sm);font-weight:var(--font-medium);min-width:50px}.password-requirements{gap:var(--spacing-1);margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--color-gray-50);border-radius:var(--radius-md);flex-direction:column;display:flex}.dark .password-requirements{background:#030d26}.password-requirement{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-gray-500);transition:color var(--transition-fast);display:flex}.dark .password-requirement{color:#7588a3}.dark .password-requirement.met{color:#26d968}.password-requirement.met{color:var(--color-success)}.password-requirement-icon{text-align:center;width:16px;font-size:var(--text-xs)}