.demo-is-open{overflow:hidden}.demo-modal{width:min(1060px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);padding:0;border:1px solid rgba(255,255,255,.85);border-radius:28px;background:#fafbfc;color:var(--ink,#292e32);box-shadow:0 32px 110px #11182055;overflow:visible;margin:auto}.demo-modal::backdrop{background:rgba(22,29,35,.56);backdrop-filter:blur(9px)}.demo-modal[open]{animation:demo-enter .22s ease-out}.demo-modal-content{max-height:calc(100dvh - 50px);overflow:auto;border-radius:27px;overscroll-behavior:contain}.demo-close{position:absolute;top:14px;right:14px;z-index:2;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #dfe3e6;border-radius:50%;background:#fffffff2;color:#525c64;cursor:pointer;transition:background .15s,transform .15s}.demo-close:hover{background:#edf0f2;transform:rotate(90deg)}.demo-close:focus-visible{outline:3px solid #c9a347;outline-offset:3px}.demo-page{max-width:1060px;padding:60px 0}.demo-panel{display:grid;grid-template-columns:310px minmax(0,1fr);min-height:520px;border-radius:27px;overflow:clip;background:#fafbfc}.demo-intro{position:sticky;top:0;align-self:start;min-height:100%;padding:42px 30px 32px;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(145deg,#353e46,#20272c);color:#fff}.demo-intro:before{content:"";position:absolute;width:430px;height:430px;top:-310px;left:-170px;border:1px solid #ffffff14;border-radius:50%;box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ffffff03;pointer-events:none}.demo-overline{position:relative;display:flex;align-items:center;gap:10px;color:#cdd3d7;font-size:10px;font-weight:600;letter-spacing:.15em}.demo-overline>span{width:7px;height:7px;border-radius:50%;background:#d9ae4d;box-shadow:0 0 0 5px #d9ae4d15}.demo-intro h2{position:relative;font-size:37px;line-height:1.13;letter-spacing:-.055em;margin:42px 0 0;font-weight:600}.demo-intro-caption{position:relative;font-size:13px;line-height:1.8;color:#b4bec6;margin:auto 0 0;padding-top:28px}.demo-intro-art{position:relative;height:230px;flex-shrink:0;margin:38px -10px 26px}.demo-art-orbit{position:absolute;inset:5px 0;border:1px solid #ffffff16;border-radius:50%;transform:rotate(-24deg);box-shadow:0 0 0 27px #ffffff03,0 0 0 55px #ffffff02}.demo-art-card{position:absolute;top:42px;left:16px;right:8px;padding:23px;border:1px solid #ffffff30;border-radius:19px;transform:rotate(-7deg);background:linear-gradient(140deg,#59636be6,#343d45f0);box-shadow:0 22px 42px #0003;display:grid;grid-template-columns:10px 1fr;gap:13px 8px}.demo-art-card>b{font-size:14px;letter-spacing:-.03em}.demo-art-dot{align-self:center;width:7px;height:7px;background:#e6c570;border-radius:50%}.demo-art-card i{height:7px;border-radius:4px;background:#ffffff25;grid-column:1/-1}.demo-art-card i+i{width:66%;background:#ffffff12}.demo-art-pill{grid-column:1/-1;justify-self:start;padding:7px 12px;border:1px solid #dcc17460;border-radius:7px;background:#c5a04b1a;color:#eedba7;font-size:11px}.demo-form-panel{min-width:0;padding:38px 42px 34px}.demo-title{font-size:32px;line-height:1.2;letter-spacing:-.045em;margin:0 30px 10px 0;outline:none}.demo-form-panel>.muted{font-size:13px;line-height:1.7;color:#7b858d;max-width:430px}.demo-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:26px}.demo-field{display:grid;align-content:start;gap:6px;min-width:0}.demo-field-full{grid-column:1/-1}.demo-field>label{font-size:12px;font-weight:550;color:#58636c}.demo-field input:not([type=checkbox]),.demo-field select,.demo-field textarea{width:100%;min-height:44px;padding:11px 13px;border:1px solid #dde2e6;border-radius:10px;background:#fff;font:inherit;font-size:13px;line-height:1.5;color:var(--ink);transition:border-color .15s,box-shadow .15s}.demo-field input::placeholder,.demo-field textarea::placeholder{color:#a0a8af}.demo-field textarea{resize:vertical;min-height:84px}.demo-field input:hover,.demo-field select:hover,.demo-field textarea:hover{border-color:#bec7ce}.demo-field :focus-visible{outline:none;border-color:#b49a59;box-shadow:0 0 0 3px #c9a34718}.demo-field [aria-invalid=true]{border-color:#b65342}.demo-check{display:flex;gap:10px;align-items:flex-start;font-size:11px!important;line-height:1.7;font-weight:400!important;color:#77818a!important}.demo-check input{flex:none;margin-top:2px;width:16px;height:16px;accent-color:#a38237}.demo-errors{background:#fff2ed;color:#8d3c30;padding:14px 16px;border:1px solid #efd8ce;border-radius:10px;margin-top:18px;font-size:12px}.demo-errors ul{padding-left:18px;margin-top:5px}.demo-field-error{color:#a53122;font-size:11px}.demo-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.demo-form>.btn{grid-column:1/-1;justify-self:stretch;justify-content:center;padding:14px 24px;font-size:14px;border-radius:11px;margin-top:2px}.demo-form>.btn:disabled{cursor:wait;opacity:.65}.demo-success{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:420px;gap:22px;outline:none}.demo-success h2{font-size:30px;letter-spacing:-.04em;line-height:1.2}.demo-success p{font-size:15px;line-height:1.8;color:#75808a}.demo-success-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#f1e7ce;color:#8e7133;font-size:28px}.demo-load-state{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:50px 26px;font-size:15px}.demo-page+.header{justify-content:space-between}@keyframes demo-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:850px){.demo-panel{grid-template-columns:240px minmax(0,1fr)}.demo-intro{padding:38px 24px}.demo-intro h2{font-size:32px}.demo-form-panel{padding:38px 26px 28px}.demo-title{font-size:28px}.demo-art-card{left:0;right:0}}@media(max-width:650px){.demo-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:21px}.demo-modal-content{max-height:calc(100dvh - 22px);border-radius:20px}.demo-panel{grid-template-columns:1fr;min-height:0;border-radius:20px}.demo-intro{position:relative;min-height:0;padding:24px 24px 26px}.demo-overline{font-size:9px}.demo-intro h2{font-size:27px;max-width:270px;margin-top:24px}.demo-intro h2 br{display:none}.demo-intro-art,.demo-intro-caption{display:none}.demo-form-panel{padding:24px 22px}.demo-title{font-size:25px;margin-right:0}.demo-form{grid-template-columns:1fr;gap:16px;margin-top:22px}.demo-field input:not([type=checkbox]),.demo-field select,.demo-field textarea{font-size:16px}.demo-field>label{font-size:12px}.demo-close{background:#303840e6;border-color:#ffffff35;color:#fff}.demo-close:hover{background:#ffffff26}.demo-page{padding:30px 0}.demo-success{min-height:280px}.demo-success h2{font-size:26px}}@media(prefers-reduced-motion:reduce){.demo-modal[open]{animation:none}.demo-close,.demo-field input,.demo-field select,.demo-field textarea{transition:none}}

@media(min-width:651px){.demo-modal .demo-intro{height:calc(100dvh - 50px);min-height:0}}
.demo-check a{color:#745a20;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}