.vpqq-intro{max-width:1100px;margin:0 auto 32px;color:#122544}
.vpqq-intro .vpqq-intro__label{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:750;letter-spacing:.2em;color:#65718a;margin-bottom:15px}
.vpqq-intro .vpqq-intro__label:before{content:"";width:26px;height:3px;background:linear-gradient(90deg,#49a9c9,#ab6abb,#dbc393)}
.vpqq-intro h1{font-size:clamp(32px,3.4vw,46px)!important;font-weight:750;letter-spacing:-.04em;line-height:1.12;margin:0 0 16px;color:#122544}
.vpqq-intro p{font-size:16px!important;line-height:1.65;color:#66738b;margin:0;max-width:650px}
.vpqq{--vpqq-navy:#122544;--vpqq-line:#dce2eb;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(300px,.87fr);gap:28px;max-width:1100px;margin:0 auto;color:var(--vpqq-navy);font-family:inherit}
.vpqq .vpqq__form,.vpqq .vpqq__result{border-radius:22px;padding:32px;margin:0;box-sizing:border-box}
.vpqq .vpqq__form{border:1px solid var(--vpqq-line);background:#fff;display:flex;flex-direction:column;box-shadow:0 12px 40px -30px #12254455;position:relative;overflow:hidden}
.vpqq .vpqq__form:before{content:"";position:absolute;inset:0 32px auto;height:3px;background:linear-gradient(90deg,#5baac8,#a16db5 55%,#d8c4a2)}
.vpqq .vpqq__section-label,.vpqq .vpqq__eyebrow{display:block;font-size:10px;line-height:1.4;font-weight:750;letter-spacing:.18em;color:#738099}
.vpqq .vpqq__section-label{margin-bottom:11px}
.vpqq .vpqq__heading{font-size:26px;line-height:1.25;font-weight:750;letter-spacing:-.025em;margin:0 0 24px;color:var(--vpqq-navy)}
.vpqq label{display:block;font-size:13px;font-weight:650;line-height:1.4;margin:0 0 7px;color:#33435d}
.vpqq input,.vpqq select{display:block;box-sizing:border-box;width:100%;max-width:100%;height:auto;min-height:46px;border:1px solid #d7deea;border-radius:9px;margin:0 0 17px;padding:10px 12px;background-color:#fbfcfe;color:#182d4b;font-family:inherit;font-size:15px;box-shadow:none;transition:border-color .15s,background .15s}
.vpqq input:hover,.vpqq select:hover{border-color:#a8b7cd}.vpqq input:focus,.vpqq select:focus{border-color:#678da8;background:#fff}
.vpqq input:focus-visible,.vpqq select:focus-visible,.vpqq button:focus-visible{outline:3px solid #8bb8d1;outline-offset:3px}
.vpqq .vpqq__dimensions,.vpqq .vpqq__finishing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 16px}
.vpqq .vpqq__submit{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:12px 18px;border:0;border-radius:10px;margin:7px 0 0;background:#122544;color:#fff;font-family:inherit;font-size:15px;font-weight:700;text-transform:none;letter-spacing:0;cursor:pointer}
.vpqq .vpqq__submit span{font-size:22px;font-weight:400}.vpqq .vpqq__submit:hover{background:#203b60}.vpqq .vpqq__submit:disabled{opacity:.6;cursor:wait}
.vpqq .vpqq__result{position:sticky;top:110px;align-self:start;background:linear-gradient(145deg,#1e3659,#101e37 74%);color:#fff;min-height:390px;overflow:hidden;box-shadow:0 20px 45px -28px #12254499}
.vpqq .vpqq__result:after{content:"";position:absolute;width:250px;height:250px;right:-125px;bottom:-135px;border:1px solid #87a5c22c;border-radius:50%;box-shadow:0 0 0 30px #87a5c20a,0 0 0 60px #87a5c208;pointer-events:none}
.vpqq .vpqq__result-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:33px}
.vpqq .vpqq__result .vpqq__eyebrow{color:#b6c5db}.vpqq .vpqq__ink{display:flex;gap:5px}.vpqq .vpqq__ink i{width:7px;height:7px;border-radius:50%;background:#62b8d3}.vpqq .vpqq__ink i:nth-child(2){background:#b888c8}.vpqq .vpqq__ink i:nth-child(3){background:#dfcc9d}
.vpqq .vpqq__result .vpqq__heading{font-size:22px;color:#f5f8fc;margin-bottom:15px}
.vpqq .vpqq__amount{font-size:clamp(40px,4.5vw,58px)!important;font-weight:750;letter-spacing:-.04em;line-height:1.15;margin:25px 0 22px!important;color:#fff;overflow-wrap:anywhere}
.vpqq .vpqq__status{font-size:14px!important;line-height:1.7;color:#bfcbdd;margin:0!important;max-width:330px}.vpqq--loading .vpqq__status{opacity:.75}
.vpqq .vpqq__result-signature{display:flex;justify-content:space-between;gap:12px;margin-top:40px;padding-top:21px;border-top:1px solid #b6c5db26;color:#c7d3e4;font-size:10px;font-weight:700;letter-spacing:.15em}
.vpqq .vpqq__helper,.vpqq .vpqq__hint{font-size:13px!important;line-height:1.5;color:#748097}
.vpqq .vpqq__helper{margin:-10px 0 22px!important}.vpqq .vpqq__hint{margin:-7px 0 15px!important}
.vpqq [hidden]{display:none!important}.vpqq .vpqq__control{position:relative}.vpqq select:disabled{opacity:1;color:#7c8798;background:#f1f3f7;cursor:help}
.vpqq .vpqq__locked-trigger{position:absolute;inset:0 0 17px;min-height:46px;width:100%;margin:0;padding:10px 35px 10px 12px;border:0;border-radius:9px;background:transparent;color:#7c8798;text-align:right;font-size:17px;box-shadow:none;cursor:help}
@media(max-width:760px){.vpqq-intro{margin-bottom:25px}.vpqq{grid-template-columns:1fr;gap:20px}.vpqq .vpqq__form,.vpqq .vpqq__result{padding:25px;border-radius:18px}.vpqq .vpqq__result{position:static;min-height:310px}.vpqq .vpqq__heading{font-size:24px}.vpqq .vpqq__result-top{margin-bottom:26px}.vpqq .vpqq__amount{font-size:46px!important}.vpqq .vpqq__result-signature{margin-top:30px}}
@media(max-width:360px){.vpqq .vpqq__dimensions,.vpqq .vpqq__finishing-grid{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){.vpqq input,.vpqq select{transition:none}}

.vpqq .vpqq__hint{display:flex;align-items:flex-start;gap:7px;padding:8px 10px;background:#f1f4f9;border-left:2px solid #9eb2cb;border-radius:6px;color:#64748b}
.vpqq .vpqq__hint svg,.vpqq .vpqq__locked-trigger svg{flex:0 0 14px;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.vpqq .vpqq__hint svg{margin-top:2px}
.vpqq .vpqq__locked-trigger{display:flex;align-items:center;justify-content:flex-end;height:46px;min-height:0;line-height:1;margin:0!important;padding:0 35px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important}
