.modalOverlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;opacity:0;pointer-events:none;background-color:#0009;justify-content:center;align-items:center;animation:.3s ease-in forwards fadeInOverlay;display:flex;position:fixed;inset:0}.modalContent{color:#fff;-webkit-backdrop-filter:blur(12px);opacity:0;background:#0d1627;border:1px solid #ffffff1a;border-radius:1rem;width:100%;max-width:24rem;max-height:90vh;margin:1rem;padding:2rem;animation:.3s ease-out forwards slideUp;position:relative;overflow-y:auto;transform:translateY(-20px);box-shadow:0 20px 50px #0006}.modalContent.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.modalContent.no-scrollbar::-webkit-scrollbar{display:none}@media (min-width:640px){.modalContent{max-width:32rem}}@media (min-width:768px){.modalContent{max-width:32rem}}@keyframes fadeInOverlay{0%{opacity:0;pointer-events:none}to{opacity:1;pointer-events:auto}}@keyframes slideUp{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modalHeader{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modalHeader h2{color:#fff;font-size:1.5rem;font-weight:600}.closeModalButton{cursor:pointer;color:#9ca3af;background:0 0;border:none;font-size:1.5rem;transition:color .2s ease-in-out}.closeModalButton:hover{color:#f87171}.otp-input{text-align:center;color:#fff;background:#1e293b;border:1px solid #4b5563;border-radius:4px;width:48px;height:48px;font-size:16px;transition:border-color .3s,box-shadow .3s}.otp-input:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b80}