.bandit.demo-page{background:var(--paper);min-height:100svh;color:var(--ink);grid-template-columns:39% 61%;display:grid;overflow:clip}.demo-intro{background:#eaf0e5;flex-direction:column;min-height:100svh;padding:20px clamp(28px,4.7vw,90px) 40px;display:flex;position:relative}.demo-intro .bandit-brand{color:var(--ink);letter-spacing:-1.5px;align-self:flex-start;font-size:30px}.bandit .demo-intro h1{letter-spacing:-.055em;margin:auto 0;padding:100px 0 60px;font-size:clamp(44px,4.7vw,72px);font-weight:400;line-height:1.06}.demo-form-panel{align-items:center;min-width:0;padding:72px clamp(32px,6vw,112px);display:flex}.demo-form{flex-direction:column;gap:22px;width:100%;max-width:640px;margin:0 auto;display:flex}.demo-field-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;display:grid}.demo-form label{min-width:0;color:var(--ink);font-size:14px;display:block}.demo-form label>span{color:#7e9071}.demo-form input,.demo-form select{color:#25311e;width:100%;min-width:0;height:50px;font:inherit;background:#eef1e8;border:1px solid #dce2d5;border-radius:6px;margin-top:8px;padding:12px 15px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.demo-form select:invalid{color:#7e9071}.demo-form input:focus-visible,.demo-form select:focus-visible{outline-offset:3px;background:#f4f7ef;outline:2px solid #68815a}.demo-form-bottom{border-top:1px solid #dbe3d5;justify-content:flex-end;align-items:center;gap:24px;margin-top:10px;padding-top:24px;display:flex}.demo-form .bandit-button{border:0;border-radius:6px;flex-shrink:0;justify-content:space-between;width:230px;padding:13px 20px;font-size:14px}.demo-form button:disabled{opacity:.55;cursor:not-allowed}@media (prefers-reduced-motion:no-preference){.demo-form{animation:.55s cubic-bezier(.2,.7,.2,1) both demo-form-arrive}@keyframes demo-form-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}}@media (max-width:900px){.demo-form-panel{padding:80px 32px}.demo-intro{padding:28px 32px}.demo-form-bottom{flex-direction:column;align-items:flex-start}.demo-form .bandit-button{width:100%}}@media (max-width:700px){.bandit.demo-page{grid-template-columns:1fr}.demo-intro{min-height:auto;padding:25px 7% 32px}.bandit .demo-intro h1{margin:0;padding:45px 0 30px;font-size:48px}.demo-form-panel{padding:42px 7% 60px}.demo-form{gap:24px}.demo-form-bottom{margin-top:14px}.demo-form input,.demo-form select{height:50px}.demo-field-pair{gap:14px}}@media (max-width:380px){.demo-field-pair{grid-template-columns:1fr;gap:24px}}@media (prefers-reduced-motion:reduce){.demo-form input,.demo-form select{transition:none}}