.demo-page{--navy:#172746;--blue:#365a99;--orange:#e48636;position:relative;overflow:hidden;padding:clamp(5.5rem,9vw,8rem) 0 6rem;background:linear-gradient(155deg,#f8fafc 0,#fff 48%,#f8f3ed 100%);color:var(--navy)}
.demo-page__glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.demo-page__glow--one{width:42rem;height:42rem;right:-18rem;top:-17rem;background:rgba(54,90,153,.1)}.demo-page__glow--two{width:25rem;height:25rem;left:-15rem;top:32rem;border:1px solid rgba(228,134,54,.18)}
.demo-page__intro{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:3rem;margin-bottom:3rem}.demo-page__copy{max-width:800px}.demo-page__eyebrow,.demo-page__aside>span,.demo-form-card__head>span{display:inline-flex;align-items:center;gap:.55rem;color:#cf6e26;font-size:.75rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.demo-page__copy h1{font-size:clamp(2.25rem,3.2vw,3.35rem);line-height:1.08;letter-spacing:-.04em;margin:1rem 0 1.4rem;max-width:760px}.demo-page__copy>p{max-width:720px;color:#68748b;font-size:1.08rem;line-height:1.8}.demo-page__copy ul{display:flex;flex-wrap:wrap;gap:1.2rem 2rem;padding:0;margin:1.75rem 0 0;list-style:none}.demo-page__copy li{font-weight:700;font-size:.87rem}.demo-page__copy li i{color:var(--orange);margin-right:.5rem}
.demo-page__brand{display:flex;align-items:center;justify-content:center;min-width:260px;padding:.85rem 1.35rem;border:1px solid #dde4ee;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 15px 40px rgba(23,39,70,.07);backdrop-filter:blur(12px)}.demo-page__brand-img{width:auto;max-width:240px;height:auto;max-height:64px;object-fit:contain;display:block}.demo-page__brand-logo{display:none}
.demo-page__workspace{position:relative;display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.35fr);border:1px solid #dfe5ee;border-radius:30px;background:#fff;box-shadow:0 30px 80px rgba(23,39,70,.12);overflow:hidden}.demo-page__aside{position:relative;padding:clamp(2rem,4vw,4rem);background:linear-gradient(145deg,#152542,#284575);color:#fff}.demo-page__aside:after{content:"";position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-130px;bottom:-130px}.demo-page__aside>span{color:#f3a15d}.demo-page__aside h2{font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.045em;margin:.8rem 0 1rem}.demo-page__aside>p{color:#bdc7d8;line-height:1.75}.demo-page__steps{margin-top:2.5rem}.demo-page__steps article{display:flex;gap:1rem;padding:1.4rem 0;border-top:1px solid rgba(255,255,255,.12)}.demo-page__steps article>b{color:#f2a05a;font-size:.75rem}.demo-page__steps h3{font-size:1rem;margin:0 0 .4rem}.demo-page__steps p{margin:0;color:#aeb9ca;font-size:.86rem;line-height:1.6}.demo-page__secure{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.7rem;padding:1rem;border-radius:14px;background:rgba(255,255,255,.07);color:#cbd3e0;font-size:.75rem;line-height:1.5}.demo-page__secure i{color:#f2a05a;font-size:1rem}
.demo-form-card{padding:clamp(2rem,4vw,4rem);scroll-margin-top:clamp(85px,10vw,110px)}.demo-form-card__head h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em;margin:.65rem 0}.demo-form-card__head p{color:#758096;margin:0 0 2rem}.demo-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.35rem}.demo-form label>span{display:block;margin-bottom:.55rem;font-size:.77rem;font-weight:800;color:#34425c}.demo-form input,.demo-form select,.demo-form textarea{width:100%;border:1px solid #dce2eb;border-radius:12px;background:#f8fafc;color:#172746;padding:.9rem 1rem;outline:none;transition:.2s}.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus{border-color:#5a75a6;background:#fff;box-shadow:0 0 0 4px rgba(54,90,153,.09)}.demo-form input.is-invalid,.demo-form select.is-invalid,.demo-form textarea.is-invalid{border-color:#ef4444!important;background-color:#fff8f8!important;box-shadow:0 0 0 3px rgba(239,68,68,.12)!important}.demo-form input.is-invalid:focus,.demo-form select.is-invalid:focus,.demo-form textarea.is-invalid:focus{border-color:#dc2626!important;box-shadow:0 0 0 4px rgba(220,38,38,.2)!important}.demo-form__error{display:flex;align-items:center;gap:.35rem;margin-top:.4rem;color:#dc2626;font-size:.76rem;font-weight:700}.demo-form textarea{resize:vertical}.demo-form__wide{grid-column:1/-1}.demo-form__choices{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.demo-form__choices label{cursor:pointer}.demo-form__choices input{position:absolute;opacity:0;pointer-events:none}.demo-form__choices span{display:block!important;margin:0!important;border:1px solid #e0e5ed;border-radius:10px;padding:.75rem .85rem!important;background:#fff;color:#68748b!important;font-size:.75rem!important}.demo-form__choices input:checked+span{border-color:#496aa4;background:#edf3fd;color:#274c8c!important}.demo-form__privacy{display:flex;align-items:flex-start;gap:.5rem;margin:1.4rem 0;color:#7a8496;font-size:.72rem}.demo-form__privacy i{color:#4c6ea7}.demo-form button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:13px;padding:1rem 1.25rem;background:linear-gradient(100deg,#dc792d,#eea05d);color:#fff;font-weight:800;box-shadow:0 13px 28px rgba(220,121,45,.23);transition:.25s}.demo-form button:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(220,121,45,.3)}.demo-form button:disabled{opacity:.75;cursor:not-allowed;transform:none!important;box-shadow:none!important}.demo-alert{display:flex;gap:.85rem;align-items:flex-start;padding:1.1rem 1.25rem;border-radius:14px;margin-bottom:1.5rem;font-size:.88rem;line-height:1.55;border:1px solid transparent}.demo-alert i{font-size:1.25rem;flex-shrink:0;margin-top:.05rem}.demo-alert strong{display:block;font-weight:800;margin-bottom:.2rem;font-size:.95rem}.demo-alert--success{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.demo-alert--success i{color:#10b981}.demo-alert--error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.demo-alert--error i{color:#ef4444}.demo-alert__list{margin:.4rem 0 0;padding-left:1.2rem;font-size:.82rem}.demo-alert__list li{margin-bottom:.2rem}
@media(max-width:991px){.demo-page__brand{display:none}.demo-page__workspace{grid-template-columns:1fr}.demo-page__aside{padding-bottom:2.5rem}.demo-page__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.demo-page__steps article{display:block}.demo-page__steps article>b{display:block;margin-bottom:.7rem}}
@media(max-width:700px){.demo-page{padding-top:4.5rem}.demo-page__copy h1{font-size:1.95rem;line-height:1.1}.demo-page__workspace{border-radius:20px}.demo-page__steps,.demo-form__grid{grid-template-columns:1fr}.demo-form__wide{grid-column:auto}.demo-form__choices{grid-template-columns:1fr}.demo-page__copy ul{display:block}.demo-page__copy li{margin:.65rem 0}.demo-form-card,.demo-page__aside{padding:1.6rem}}
@media(prefers-reduced-motion:no-preference){.demo-page__copy,.demo-page__workspace{animation:demo-rise .7s both}.demo-page__workspace{animation-delay:.12s}@keyframes demo-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}