.qnb-container{
max-width:760px;
margin:auto;
padding:15px;
box-sizing:border-box;
}

.qnb-form{
background:#fff;
border-radius:28px;
padding:25px;
box-shadow:0 10px 35px rgba(0,0,0,0.12);
}

.qnb-form h2{
text-align:center;
font-size:34px;
color:#004aad;
margin-bottom:25px;
line-height:1.4;
}

.qnb-grid{
display:flex;
flex-direction:column;
gap:16px;
}

.qnb-form input,
.qnb-form select,
.qnb-form textarea{
width:100%;
padding:16px 18px;
font-size:17px;
border-radius:16px;
border:1px solid #ddd;
box-sizing:border-box;
background:#fff;
line-height:1.5;
min-height:58px;
}

.qnb-form textarea{
min-height:140px;
resize:vertical;
}

.qnb-form button{
width:100%;
margin-top:20px;
padding:17px;
font-size:20px;
font-weight:700;
border:none;
border-radius:18px;
background:#004aad;
color:#fff;
cursor:pointer;
transition:0.3s;
}

.qnb-form button:hover{
opacity:0.9;
transform:translateY(-2px);
}

.qnb-success{
margin-top:20px;
padding:18px;
background:#e7ffe7;
color:#0a6f0a;
font-weight:bold;
border-radius:16px;
text-align:center;
}

@media(max-width:768px){

.qnb-form{
padding:18px;
border-radius:22px;
}

.qnb-form h2{
font-size:24px;
}

.qnb-form input,
.qnb-form select,
.qnb-form textarea{
font-size:16px;
padding:14px;
}

.qnb-form button{
font-size:18px;
}

}