.demo-access-section{padding-bottom:70px}.demo-access-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #24245c0c}.demo-access-form,.demo-access-aside{padding:48px}.demo-access-form{background:#fff}.demo-access-aside{background:var(--ink);color:#fff}.demo-access-form>.eyebrow{color:var(--blue)}.demo-access-form h2,.demo-access-aside h2{font-size:clamp(2rem,3vw,2.8rem)}.demo-access-form>p{max-width:600px}.demo-access-aside h2 span{color:var(--accent)}.demo-access-aside .eyebrow{color:var(--accent)}.demo-access-aside p{color:#c6ceef}.demo-access-aside .check-list{margin:34px 0}.demo-access-aside .check-list li{font-size:1rem;margin-bottom:17px}.demo-access-aside .check-list li:before{color:var(--accent)}.demo-form{margin-top:32px}.demo-form .form-field{margin-bottom:22px}.demo-form label:not(.demo-consent){display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.demo-form input[type=text],.demo-form input[type=tel],.demo-form input[type=email]{width:100%;border:1px solid #bac4e5;border-radius:7px;background:#fff;color:var(--ink);padding:14px 15px;line-height:1.4}.demo-form input:focus{border-color:var(--blue);outline:3px solid #6b59ff26;outline-offset:1px}.demo-form small{display:block;color:var(--muted);font-size:.72rem;margin-top:7px}.demo-form .form-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.demo-consent{display:flex;align-items:flex-start;gap:10px;color:var(--muted);font-size:.78rem;line-height:1.5;margin:5px 0 22px}.demo-consent input{margin-top:3px;flex:0 0 auto}.demo-consent a,.demo-form-help a{text-decoration:underline;color:var(--ink);text-underline-offset:3px}.demo-submit{width:100%}.demo-submit:disabled{opacity:.7;cursor:wait;transform:none}.demo-form-help{font-size:.76rem;margin:18px 0 0}.demo-alert{display:grid;gap:4px;margin-bottom:25px;padding:17px 19px;border:1px solid #d97676;border-radius:8px;background:#fff5f5;color:#7f1d1d;font-size:.85rem}.demo-alert span{overflow-wrap:anywhere}@media(max-width:900px){.demo-access-grid{grid-template-columns:1fr}.demo-access-form,.demo-access-aside{padding:38px}}@media(max-width:620px){.demo-access-section{padding-bottom:50px}.demo-access-form,.demo-access-aside{padding:28px 22px}.demo-form .form-pair{grid-template-columns:1fr}}
