.gate-quote{background:#fff;border:1px solid #E3E8F0;border-radius:16px;padding:32px;box-shadow:0 10px 30px rgba(18,67,151,.08)}
.gate-quote .gq-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gate-quote .gq-field{margin:0 0 16px}
.gate-quote label{display:block;font-weight:600;font-size:14px;color:#1B2B4B;margin:0 0 6px}
.gate-quote label span{color:#C4610A}
.gate-quote input[type=text],.gate-quote input[type=tel],.gate-quote input[type=email],.gate-quote select,.gate-quote textarea{width:100%;height:50px;padding:0 16px;border:1.5px solid #CBD5E1;border-radius:10px;background:#fff;font-size:15px;color:#1B2B4B;box-shadow:none;transition:border-color .2s,box-shadow .2s}
.gate-quote textarea{height:120px;padding:12px 16px;resize:vertical}
.gate-quote input:focus,.gate-quote select:focus,.gate-quote textarea:focus{border-color:#124397;box-shadow:0 0 0 3px rgba(18,67,151,.16);outline:0}
.gate-quote button[type=submit]{display:block;width:100%;height:52px;border:0;border-radius:10px;background:#124397 !important;color:#fff !important;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}
.gate-quote button[type=submit]:hover,.gate-quote button[type=submit]:focus-visible{background:#F97316 !important}
.gate-quote button[type=submit]:disabled{opacity:.6;cursor:wait}
.gate-quote .gq-msg{padding:12px 16px;border-radius:10px;margin:0 0 16px;font-size:14px}
.gate-quote .gq-ok{background:#E8F6EE;color:#14632F}
.gate-quote .gq-err{background:#FDECEC;color:#9B1C1C}
.gate-quote .gq-hp{position:absolute !important;left:-9999px;width:0;height:0;opacity:0}
#quote{scroll-margin-top:120px}
@media (max-width:600px){.gate-quote{padding:22px 18px}.gate-quote .gq-row{grid-template-columns:1fr;gap:0}}
.gate-quote input[type=text],.gate-quote input[type=tel],.gate-quote input[type=email],.gate-quote select,.gate-quote textarea{border-radius:10px !important;height:50px}
.gate-quote textarea{height:120px !important}

/* ajax result below the button */
.gate-quote .gq-result{margin-top:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease,margin .35s ease}
.gate-quote .gq-result.is-ok,.gate-quote .gq-result.is-err{max-height:260px;opacity:1;margin-top:16px}
.gate-quote .gq-card{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:12px;border:1px solid #BBF7D0;background:linear-gradient(135deg,#F0FDF4,#E7F8EE);box-shadow:0 6px 18px rgba(22,163,74,.12)}
.gate-quote .is-err .gq-card{border-color:#FECACA;background:linear-gradient(135deg,#FEF2F2,#FDECEC);box-shadow:0 6px 18px rgba(220,38,38,.1)}
.gate-quote .gq-card strong{display:block;font-size:16px;color:#14532D;margin-bottom:2px}
.gate-quote .is-err .gq-card strong{color:#7F1D1D}
.gate-quote .gq-card p{margin:0;font-size:14px;line-height:1.55;color:#166534}
.gate-quote .is-err .gq-card p{color:#991B1B}
.gate-quote .gq-ico{flex:0 0 30px;display:inline-flex}
.gate-quote .gq-ico svg{animation:gq-pop .45s cubic-bezier(.2,1.4,.4,1)}
@keyframes gq-pop{0%{transform:scale(.3);opacity:0}100%{transform:scale(1);opacity:1}}
.gate-quote button[type=submit].is-loading{position:relative;opacity:.85}
@media (prefers-reduced-motion:reduce){.gate-quote .gq-ico svg{animation:none}.gate-quote .gq-result{transition:none}}