.spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,.95);display:none;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(2px)}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:20px}.spinner{width:60px;height:60px;border:4px solid #e0e0e0;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loading-text{color:var(--primary-color);font-size:18px;font-weight:500;letter-spacing:.5px}.show-sp{display:flex}.phone-input-container{display:flex;border:2px solid #e1e5e9;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff;position:relative}.phone-input-container:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.phone-input-container label.error{position:absolute;visibility:hidden}.phone-input-container:has(input.error){border-color:#ff3a3a}.country-prefix{display:flex;align-items:center;padding:12px 16px;background:#f8fafc;border-right:2px solid #e1e5e9;gap:8px;min-width:100px}.flag-cont{position:relative}.flag-cont img{width:26px}.country-code{font-weight:600;color:#374151;font-size:14px}.phone-input{flex:1;border:none;padding:12px 16px;font-size:16px;outline:0;background:0 0;color:#374151}.phone-input::placeholder{color:#9ca3af}