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