
.demo-main{background:linear-gradient(135deg,#071327 0%,#11284a 70%,#17335a 100%);color:#edf4ff;padding:80px 24px 96px;min-height:80vh}
.demo-layout{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:start}
.demo-eyebrow{color:#98beff;font-size:12px;letter-spacing:.15em;font-weight:700;margin:0 0 20px}
.demo-intro h1,.demo-confirm h1{color:#fff;font-size:clamp(32px,3.8vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}
.demo-lead{font-size:18px;line-height:1.7;color:#c2d3eb;max-width:480px}
.demo-details{margin-top:36px;border-top:1px solid #354960;padding-top:24px}.demo-details h2{font-size:19px;color:#fff}.demo-details p,.demo-details li{color:#c2d3eb;font-size:15px;line-height:1.7}.demo-details ul{padding-left:20px}
.demo-back{display:inline-block;margin-top:28px;color:#c2d3eb;text-decoration:underline;text-underline-offset:4px}
.demo-card{background:#fff;border:1px solid #dce7f3;border-radius:20px;padding:34px;color:#152640;box-shadow:0 24px 65px #020a1c55}
.demo-card h2{font-size:27px;letter-spacing:-.03em;margin:0 0 8px;color:#142641}.demo-muted{font-size:14px;color:#55647a;margin:0 0 26px}
.demo-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.demo-fields label{display:block;font-size:14px;line-height:1.5;font-weight:650}.demo-fields label span{font-size:12px;color:#617086;font-weight:400}
.demo-fields input,.demo-fields textarea{display:block;box-sizing:border-box;width:100%;min-width:0;border:1px solid #b8c6d7;border-radius:9px;background:#f8faff;color:#142641;font:inherit;font-weight:400;padding:12px;margin:7px 0 0;box-shadow:none}.demo-fields input{min-height:47px}.demo-fields textarea{resize:vertical;min-height:128px}
.demo-fields input::placeholder,.demo-fields textarea::placeholder{color:#65748b;opacity:1}
.demo-fields input:focus,.demo-fields textarea:focus{outline:3px solid #a5c9ff;border-color:#245de5}
.demo-full{grid-column:1/-1}.demo-disclosure{font-size:12px;line-height:1.65;color:#536278;margin:22px 0}.demo-disclosure a{color:#2255bf;text-decoration:underline}
.demo-submit{width:100%;justify-content:center;cursor:pointer}.demo-caption{font-size:12px;line-height:1.6;color:#627089;margin:13px 0 0;text-align:center}
.demo-confirm{max-width:700px;margin:32px auto;text-align:center}.demo-confirm p:not(.demo-eyebrow){color:#c2d3eb;line-height:1.7;font-size:18px;margin:24px auto}.demo-confirm .button{margin-top:14px}.demo-check{font-size:34px;display:grid;place-items:center;width:64px;height:64px;border:1px solid #7598cb;border-radius:50%;margin:0 auto 24px;color:#b8d6ff}
@media(max-width:850px){.demo-layout{grid-template-columns:1fr;gap:32px;max-width:640px}.demo-main{padding:46px 20px 64px}.demo-lead{max-width:none}.demo-details{margin-top:24px}}
@media(max-width:480px){.demo-card{padding:25px 20px}.demo-fields{grid-template-columns:1fr;gap:17px}.demo-full{grid-column:auto}.demo-main{padding-left:14px;padding-right:14px}.demo-intro h1{font-size:35px}}

.demo-submit:disabled{opacity:.65;cursor:wait}
.demo-caption[data-error="true"]{color:#a32121;background:#fff1f1;border:1px solid #efbaba;border-radius:8px;padding:12px;text-align:left}
#demo-form-fallback{border:0;background:transparent;font:inherit;color:#2255bf;cursor:pointer;margin-top:8px;text-decoration:underline}
#demo-form-fallback[hidden]{display:none}
