.modal-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{text-align:center;background:#fff;border-radius:12px;width:400px;padding:35px;position:relative;box-shadow:0 4px 20px #0000001f}.close-btn{cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:14px;right:14px}.modal-logo img{width:45px;margin-bottom:12px}.input-field input{border:1.5px solid #dcdcdc;border-radius:8px;width:100%;padding:15px;font-size:15px}.primary-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;margin-top:18px;padding:14px;font-size:16px;transition:all .2s}.primary-btn:hover{background:#1d4ed8}.note{color:#666;margin-top:10px;font-size:12px}.otp-container{justify-content:center;gap:10px;margin:20px 0;display:flex}.otp-box{text-align:center;border:1.5px solid #9ca3af;border-radius:8px;width:45px;height:50px;font-size:20px}.resend{margin-top:15px;font-size:12px}.loading-spinner{border:4px solid #4ade80;border-top-color:#0000;border-radius:50%;width:32px;height:32px;margin:20px auto 0;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}