.form-page{--accent:#1f7ae0}
.form-page[data-accent=saffron]{--accent:#f08a00}
.form-page[data-accent=emerald]{--accent:#12a36b}
.form-page[data-accent=ruby]{--accent:#d4213d}
.form-page[data-accent=violet]{--accent:#7a4de0}
.form-card{padding:0;overflow:hidden;border-top:5px solid var(--accent)}
.form-banner{aspect-ratio:21/9;overflow:hidden;background:#0b2e4a}
.form-banner img{width:100%;height:100%;object-fit:cover;display:block}
.form-head{padding:clamp(22px,4vw,44px) clamp(20px,4vw,48px) 8px;display:grid;gap:10px}
.form-head h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}
.form-logo{width:72px;height:72px;object-fit:contain;border-radius:18px;background:#fff;padding:8px;box-shadow:0 14px 28px -14px rgba(0,0,0,.5)}
.form-progress{height:6px;margin:14px clamp(20px,4vw,48px) 0;border-radius:99px;background:rgba(10,42,71,.12);overflow:hidden}
.form-progress span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#ffb340);transition:width .5s var(--ease,ease)}
#ff{padding:clamp(18px,3vw,36px) clamp(20px,4vw,48px) clamp(24px,4vw,48px);display:grid;gap:22px}
.fsec{display:grid;gap:22px}
.fsec h2{margin:0}
.fq{display:grid;gap:8px;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(10,42,71,.1);box-shadow:inset 0 1px 0 #fff,0 18px 30px -24px rgba(8,40,80,.5)}
.fq.info h3{margin:0}
.fq-label{font-weight:700}
.fq-label b{color:#d4213d}
.fq-help{margin:0;color:var(--fg-soft)}
.fq-image{max-width:100%;max-height:420px;border-radius:14px;object-fit:cover}
.fq-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid rgba(10,42,71,.25);font:inherit;background:#fff;color:#10243a}
.fq-input:focus{outline:3px solid color-mix(in srgb,var(--accent) 45%,transparent);border-color:var(--accent)}
.fq-choices{display:flex;flex-wrap:wrap;gap:10px}
.fq-choice{display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:99px;border:1px solid rgba(10,42,71,.22);background:#fff;cursor:pointer}
.fq-choice:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,#fff);font-weight:700}
.fq-choices.yesno .fq-choice{min-width:110px;justify-content:center;font-size:1.05rem}
.fq-rating{display:flex;gap:6px}
.fq-rating label{cursor:pointer}
.fq-rating input{position:absolute;opacity:0}
.fq-rating svg{width:40px;height:40px;opacity:.3;filter:grayscale(1);transition:.2s}
.fq-rating label:has(input:checked) svg,.fq-rating label:has(~ label input:checked) svg{opacity:1;filter:none}
.fq-error{margin:0;color:#c0182f;font-weight:600}
.fq-contact{display:grid;gap:14px}
.form-actions{display:flex;justify-content:space-between;gap:12px}
.form-thanks{padding:clamp(30px,6vw,70px);text-align:center;display:grid;gap:10px;justify-items:center}
.form-thanks svg{width:72px;height:72px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.fq-choice input{width:18px;height:18px;flex:none;margin:0;accent-color:var(--accent)}
