@font-face{font-family:Figtree;src:url('assets/fonts/figtree-400.ttf')}@font-face{font-family:Figtree;src:url('assets/fonts/figtree-700.ttf');font-weight:700}@font-face{font-family:Roundelay;src:url('assets/fonts/Roundelay-Bold.ttf');font-weight:700}
:root{--blue:#0874f9;--navy:#071b41;--sky:#9ed3ff;--ice:#e8f4ff;--orange:#ff7200;--yellow:#ffc83d;--pink:#ff5cc8;--green:#32c968;--line:#bfd7f4;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy);font:400 16px/1.5 Figtree,Arial,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.skip{position:fixed;top:-80px;left:20px;z-index:200;background:#fff;padding:12px 18px;border-radius:999px}.skip:focus{top:14px}.demo-announcement{height:42px;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 32px;background:var(--blue);color:#fff;font-size:.86rem}.demo-announcement:before{content:"";width:7px;height:7px;background:#fff;border-radius:50%}.demo-announcement a{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.demo-header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 48px));margin:14px auto 22px}.demo-brand,.demo-header nav{background:#fff;border:1px solid #d8e5f4;border-radius:999px;box-shadow:0 12px 36px rgba(7,27,65,.1)}.demo-brand{padding:10px 20px}.demo-brand img{width:168px}.demo-header nav{display:flex;align-items:center;gap:7px;padding:7px 8px 7px 22px}.demo-header nav a{padding:12px 16px;font-weight:700}.demo-header .login-link{background:var(--orange);color:#fff;border-radius:999px;padding-inline:22px}
.demo-shell{display:grid;grid-template-columns:minmax(360px,.76fr) minmax(0,1.24fr);gap:22px;width:min(1320px,calc(100% - 48px));margin:0 auto 30px;align-items:stretch}.demo-intro,.form-panel{border-radius:38px}.demo-intro{position:sticky;top:20px;align-self:start;min-height:calc(100vh - 120px);padding:58px 46px;background:var(--blue);color:#fff;overflow:hidden}.demo-intro:after{content:"";position:absolute;right:-90px;bottom:-90px;width:260px;height:260px;border:52px solid var(--yellow);border-radius:50%}.eyebrow{margin:0 0 14px;font-size:.75rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.demo-intro .eyebrow{color:#fff}.demo-intro h1{position:relative;z-index:1;margin:0 0 28px;font:700 clamp(4rem,6.2vw,6.7rem)/.84 Roundelay,sans-serif;letter-spacing:-.04em}.demo-intro h1 span{color:var(--sky)}.intro-copy{max-width:520px;margin-bottom:34px;font-size:1.08rem}.demo-intro ul{position:relative;z-index:1;margin:0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.35)}.demo-intro li{display:grid;gap:3px;padding:17px 0;border-bottom:1px solid rgba(255,255,255,.35)}.demo-intro li b{font-size:1.03rem}.demo-intro li span{color:#ddecff;font-size:.92rem}.demo-note{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.demo-note span{padding:7px 11px;background:#fff;color:var(--navy);border-radius:999px;font-size:.75rem;font-weight:700}.demo-note span:nth-child(2){background:var(--pink)}.demo-note span:nth-child(3){background:var(--yellow)}
.form-panel{padding:48px 50px;background:#fff;border:1px solid var(--line)}.form-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px;margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--line)}.form-heading .eyebrow{grid-column:1/-1;color:var(--blue)}.form-heading h2{margin:0;font:700 clamp(2.4rem,3.8vw,4rem)/.98 Roundelay,sans-serif}.form-heading>p:last-child{align-self:end;margin:0;color:#53647c;font-size:1rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 18px}.form-grid label{display:grid;gap:8px}.form-grid label>span{font-weight:700}.form-grid label b{color:var(--orange)}.form-grid label i{color:#71809a;font-weight:400}.form-grid .wide{grid-column:1/-1}input,select,textarea{width:100%;border:1.5px solid #a9c9ee;border-radius:14px;background:#fff;padding:15px 16px;color:var(--navy);font:inherit;outline:none;transition:border-color .25s,box-shadow .25s,transform .25s}textarea{resize:vertical;min-height:140px}input::placeholder,textarea::placeholder{color:#8a97aa}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(8,116,249,.12);transform:translateY(-1px)}input:invalid:not(:placeholder-shown){border-color:var(--orange)}.comment-field{margin-top:5px;padding:24px;background:var(--ice);border-radius:22px}.comment-field textarea{background:#fff}.comment-field small{color:#687790}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:30px}.form-actions p{margin:0;color:#71809a;font-size:.85rem}.form-actions button{min-height:54px;border:0;border-radius:999px;padding:14px 26px;background:var(--blue);color:#fff;font:700 1rem Figtree;cursor:pointer;transition:transform .45s var(--ease),background .25s}.form-actions button:hover{transform:translateY(-3px);background:#0562d7}.form-actions button span{display:inline-block;margin-left:18px;transition:transform .35s}.form-actions button:hover span{transform:translate(3px,-2px)}.form-status{display:flex;align-items:center;gap:10px;margin-top:22px;padding:16px 18px;background:#dcf7e5;border-radius:14px;color:#0f6d35}.form-status[hidden]{display:none}.form-status strong{font:700 1.2rem Roundelay}footer{display:flex;justify-content:space-between;gap:20px;padding:22px max(24px,calc((100% - 1270px)/2));background:var(--navy);color:#fff;font-size:.82rem}
@media(max-width:900px){.demo-shell{grid-template-columns:1fr}.demo-intro{position:relative;top:auto;min-height:0}.demo-intro h1{font-size:clamp(4rem,12vw,6rem)}.form-heading{grid-template-columns:1fr}.form-heading>p:last-child{max-width:600px}.demo-header nav a:first-child{display:none}}
@media(max-width:600px){.demo-announcement{height:auto;min-height:38px;padding:7px 14px;gap:7px;font-size:.68rem}.demo-announcement span{display:none}.demo-announcement a{font-size:.67rem}.demo-header{width:calc(100% - 24px);margin:10px auto 14px}.demo-brand{padding:8px 14px}.demo-brand img{width:138px}.demo-header nav{padding:5px}.demo-header .login-link{padding:9px 15px;font-size:.85rem}.demo-shell{width:calc(100% - 16px);gap:10px;margin-bottom:10px}.demo-intro,.form-panel{border-radius:28px}.demo-intro{padding:38px 25px}.demo-intro h1{font-size:15vw}.intro-copy{font-size:1rem}.form-panel{padding:35px 20px}.form-heading h2{font-size:2.6rem}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.comment-field{padding:18px}.form-actions{align-items:stretch;flex-direction:column}.form-actions button{width:100%}footer{flex-direction:column;padding:22px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}