.auth-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--vx-space-4);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out vx-fadeIn;display:flex;position:fixed;inset:0}.auth-modal{background:var(--vx-surface);border-radius:var(--vx-radius-2xl);padding:var(--vx-space-10);width:100%;max-width:420px;box-shadow:var(--vx-shadow-xl);animation:.3s ease-out vx-modalSlideUp;position:relative}@keyframes vx-modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-modal__close{top:var(--vx-space-4);right:var(--vx-space-4);border-radius:var(--vx-radius-full);cursor:pointer;width:40px;height:40px;color:var(--vx-gray-500);background:0 0;border:none;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute}.auth-modal__close:hover{background:var(--vx-gray-100);color:var(--vx-gray-700)}.auth-modal__content{text-align:center}.auth-modal__title{font-size:var(--vx-font-2xl);color:var(--vx-gray-900);margin-bottom:var(--vx-space-3);letter-spacing:-.02em;font-weight:800;line-height:1.3}.auth-modal .auth-modal__subtitle{font-size:var(--vx-font-base);color:var(--vx-gray-500);margin-bottom:var(--vx-space-8);line-height:1.6}.auth-modal__providers{gap:var(--vx-space-3);flex-direction:column;display:flex}.auth-modal__provider{justify-content:center;display:flex}.auth-modal__google-btn{justify-content:center;min-height:44px;display:flex}.auth-modal__provider-btn{justify-content:center;align-items:center;gap:var(--vx-space-3);width:320px;padding:var(--vx-space-3) var(--vx-space-6);border:1px solid var(--vx-gray-200);border-radius:var(--vx-radius-lg);background:var(--vx-surface);font-size:var(--vx-font-base);color:var(--vx-gray-700);cursor:pointer;font-weight:500;transition:all .2s;display:flex}.auth-modal__provider-btn:hover{background:var(--vx-gray-50);border-color:var(--vx-gray-300);transform:translateY(-1px)}.auth-modal__provider-icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.auth-modal__divider{align-items:center;gap:var(--vx-space-4);margin:var(--vx-space-8) 0 var(--vx-space-6);color:var(--vx-gray-400);font-size:var(--vx-font-sm);display:flex}.auth-modal__divider:before,.auth-modal__divider:after{content:"";background:var(--vx-gray-200);flex:1;height:1px}.auth-modal .auth-modal__alternate{font-size:var(--vx-font-sm);color:var(--vx-gray-500);margin-top:var(--vx-space-2);line-height:1.5}.auth-modal__link{color:var(--vx-primary);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.auth-modal__link:hover{color:var(--vx-primary-dark);text-decoration:underline}.auth-modal__forgot-link{margin:12px auto 0;font-size:.875rem;font-weight:500;display:block}@media (max-width:480px){.auth-modal{padding:var(--vx-space-6);margin:var(--vx-space-4)}.auth-modal__provider-btn,.auth-modal__google-btn{width:100%}}.auth-modal__form{gap:var(--vx-space-4);flex-direction:column;display:flex}.auth-modal__field{gap:var(--vx-space-2);text-align:left;flex-direction:column;display:flex}.auth-modal__field label{font-size:var(--vx-font-sm);color:var(--vx-gray-700);font-weight:500}.auth-modal__field input{font-size:var(--vx-font-base);background:var(--vx-surface);border:1px solid var(--vx-gray-300);border-radius:var(--vx-radius-lg);color:var(--vx-gray-900);padding:.875rem 1rem;transition:all .2s}.auth-modal__field input::placeholder{color:var(--vx-gray-400)}.auth-modal__field input:focus{border-color:var(--vx-primary);outline:none;box-shadow:0 0 0 3px #ff6b2c1a}.auth-modal__field input:disabled{opacity:.6;cursor:not-allowed;background:var(--vx-gray-50)}.auth-modal__field-wrap{display:flex;position:relative}.auth-modal__field-wrap input{width:100%;padding-right:2.75rem}.auth-modal__field-toggle{color:var(--vx-gray-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-modal__field-toggle:hover{color:var(--vx-gray-700)}.auth-modal__field-toggle:focus-visible{outline:2px solid var(--vx-primary);outline-offset:1px}.auth-modal__phone-input{gap:.5rem;width:100%;display:flex}.auth-modal__country-code{font-size:var(--vx-font-base);background:var(--vx-surface);border:1px solid var(--vx-gray-300);border-radius:var(--vx-radius-lg);color:var(--vx-gray-900);cursor:pointer;flex-shrink:0;min-width:100px;padding:.875rem .75rem;transition:all .2s}.auth-modal__country-code:focus{border-color:var(--vx-primary);outline:none;box-shadow:0 0 0 3px #ff6b2c1a}.auth-modal__country-code:disabled{opacity:.6;cursor:not-allowed;background:var(--vx-gray-50)}.auth-modal__phone-input input{flex:1;min-width:0}.auth-modal__submit-btn{font-size:var(--vx-font-base);color:var(--vx-white);border-radius:var(--vx-radius-lg);cursor:pointer;margin-top:var(--vx-space-2);background:linear-gradient(135deg,#ff6b2c 0%,#ff8f5c 100%);border:none;padding:.875rem 1.5rem;font-weight:600;transition:all .2s}.auth-modal__submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #ff6b2c4d}.auth-modal__submit-btn:active:not(:disabled){transform:translateY(0)}.auth-modal__submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-modal__back-btn{padding:var(--vx-space-3);font-size:var(--vx-font-sm);color:var(--vx-gray-500);cursor:pointer;background:0 0;border:none;transition:color .2s}.auth-modal__back-btn:hover:not(:disabled){color:var(--vx-gray-700)}.auth-modal__back-btn:disabled{opacity:.5;cursor:not-allowed}.auth-modal__provider-btn--email,.auth-modal__provider-btn--phone{width:320px}.auth-modal__provider-btn--email:hover,.auth-modal__provider-btn--phone:hover{background:var(--vx-gray-50);border-color:var(--vx-gray-300)}