body{
background:linear-gradient(135deg,#f3f7ff,#ffffff);
}
.nbc-card{
max-width:620px;
margin:50px auto;
padding:42px;
background:rgba(255,255,255,.96);
border:1px solid #dbe7ff;
border-radius:26px;
box-shadow:0 20px 60px rgba(40,80,180,.15);
backdrop-filter:blur(12px);
text-align:center;
animation:fade .5s ease;
}
.nbc-pill{
display:inline-block;
background:#eef4ff;
color:#2453c7;
padding:10px 18px;
border-radius:999px;
font-weight:600;
margin-bottom:20px;
}
.nbc-card h2{font-size:42px;margin:10px 0 12px;color:#13203a}
.nbc-card p{color:#64748b;margin-bottom:24px}
input{
width:100%;
padding:18px;
font-size:18px;
border:1px solid #d7dce5;
border-radius:14px;
transition:.3s;
outline:none;
box-sizing:border-box;
}
input:focus{
border-color:#2f6df6;
box-shadow:0 0 0 4px rgba(47,109,246,.12);
}
button{
margin-top:18px;
width:100%;
padding:18px;
font-size:20px;
font-weight:700;
color:#fff;
border:0;
border-radius:14px;
cursor:pointer;
background:linear-gradient(90deg,#23408f,#3478ff);
transition:.3s;
}
button:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(47,109,246,.28)}
button:disabled{opacity:.7}
.bar{
height:8px;
background:#edf2fb;
border-radius:999px;
overflow:hidden;
display:none;
margin-top:18px;
}
.bar span{
display:block;
height:100%;
width:0;
background:linear-gradient(90deg,#2f6df6,#63a3ff);
}
@keyframes fade{
from{opacity:0;transform:translateY(12px)}
to{opacity:1;transform:none}
}