.login-modal,
.otp-modal{
position:fixed;
inset:0;
display:none;
align-items:center;
justify-content:center;
background:rgba(0,0,0,.55);
backdrop-filter:blur(4px);
z-index:999999;
}

.login-modal.open,
.otp-modal.open{
display:flex;
}

body.modal-open{ overflow:hidden; }

.login-box,
.otp-card{
background:#fff;
width:420px;
max-width:95%;
border-radius:18px;
padding:28px;
box-shadow:0 30px 80px rgba(0,0,0,.35);
position:relative;
}

.close-login,.otp-close{
position:absolute;
top:12px;
right:16px;
font-size:22px;
cursor:pointer;
}