html.nag-lock,
body.nag-lock{
overflow:hidden;
}

*{
box-sizing:border-box;
}

#nagOverlay{

position:fixed;
inset:0;

display:flex;
justify-content:center;
align-items:center;

padding:25px;

overflow-y:auto;
overflow-x:hidden;

background:
radial-gradient(circle at top,#173b78 0%,#08111d 35%,#03070d 100%);

z-index:999999999;

}

#nagPopup{

width:100%;
max-width:500px;

margin:auto;

background:rgba(15,20,32,.92);

border:1px solid rgba(255,255,255,.08);

backdrop-filter:blur(18px);

border-radius:28px;

padding:25px;

box-shadow:0 25px 80px rgba(0,0,0,.45);

color:#fff;

max-height:calc(100vh - 50px);

overflow-y:auto;

animation:nagFade .4s ease;

}



#nagPopup::-webkit-scrollbar{
width:6px;
}

#nagPopup::-webkit-scrollbar-track{
background:transparent;
}

#nagPopup::-webkit-scrollbar-thumb{
background:#2f4f8f;
border-radius:20px;
}

#nagPopup{
scrollbar-width:thin;
scrollbar-color:#2f4f8f transparent;
}





@keyframes nagFade{

from{
opacity:0;
transform:translateY(20px);
}

to{
opacity:1;
transform:none;
}

}

.nagLogo {
    font-size: 34px;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center;
}

.nagLogo span{

color:#4da3ff;

}

.nagLabel{

display:inline-block;

margin-top:12px;

padding:7px 14px;

border-radius:50px;

background:rgba(77,163,255,.12);

border:1px solid rgba(77,163,255,.25);

font-size:11px;

letter-spacing:2px;

color:#7ab7ff;

font-weight:600;

}

#nagPopup h1 {
    font-size: 30px;
    margin: 13px 0 10px;
    line-height: 1.1;
}

.nagDesc{

color:#bfc8d7;

font-size:13px;

line-height:1.8;

margin-bottom:28px;

}

.nagCheck {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 12px;
    font-size: 16px;
    cursor: pointer;
    line-height: 1.7;
    color: #e5e5e5;
}

.nagCheck input{

display:none;

}

.nagCheck span{

width:22px;
height:22px;

border-radius:7px;

border:2px solid #4da3ff;

margin-top:2px;

position:relative;

flex:none;

}

.nagCheck input:checked+span{

background:#4da3ff;

}

.nagCheck input:checked+span:after{

content:"✓";

position:absolute;

left:50%;
top:50%;

transform:translate(-50%,-55%);

color:#fff;

font-size:14px;

font-weight:700;

}

#nagEmail{

width:100%;

margin-top:15px;

padding:17px;

border-radius:14px;

border:1px solid rgba(255,255,255,.12);

background:#111827;

color:#fff;

font-size:15px;

outline:none;

transition:.25s;

}
















#nagEmail:focus{

border-color:#4da3ff;

box-shadow:0 0 0 3px rgba(77,163,255,.15);

}

#nagEnter{

width:100%;

margin-top:24px;

padding:18px;

border:none;

border-radius:14px;

background:#173b78;

color:#fff;

font-size:17px;

font-weight:700;

cursor:pointer;

transition:.25s;

}

#nagEnter:hover{

background:#204b95;

transform:translateY(-2px);

}

#nagLeave{

display:block;

margin-top:22px;

text-align:center;

color:#93a7c5;

text-decoration:none;

font-size:14px;

}

#nagLeave:hover{

color:#fff;

}


p.nagFooter {
    font-size: 10px;
    color:#bfc8d7;
}

@media(max-width:768px){

#nagOverlay{

padding:15px;

align-items:flex-start;

}

#nagPopup{

margin:15px auto;

padding:24px;

max-height:calc(100vh - 30px);

border-radius:22px;

}

#nagPopup h1{

font-size:30px;

}

.nagLogo{

font-size:28px;

}

.nagDesc{

font-size:15px;

line-height:1.7;

}

}