.demo-page{min-height:100vh;color:var(--color-content-primary);background:#f3f3f3;padding:40px max(40px,50vw - 600px) 24px}.demo-content{flex-direction:column;gap:24px;width:min(1200px,100%);margin:0 auto;display:flex}.demo-card{background:#fff;border-radius:24px}.demo-card--form,.demo-card--meta{padding:48px 0}.demo-inner{width:min(560px,100% - 32px);margin:0 auto}.demo-logo{height:auto;display:block}.demo-logo--desktop{width:236px;margin:0 0 24px}.demo-logo--mobile{display:none}.demo-title,.demo-subtitle,.demo-meta h2,.demo-form-status{margin:0}.demo-title{letter-spacing:0;margin-bottom:12px;font-size:32px;font-weight:700;line-height:1}.demo-subtitle{margin-bottom:24px;font-size:16px;line-height:1.4}.demo-form{flex-direction:column;margin-top:16px;display:flex}.demo-field,.demo-phone{width:100%;min-height:48px;color:var(--color-content-primary);background:#fff;border:1px solid #c6c6c6;border-radius:12px;margin-bottom:8px;font:400 16px/1.2 Graphik Web,Graphik,system-ui,sans-serif;transition:border-color .16s,box-shadow .16s}.demo-field{padding:13px 16px}.demo-textarea{resize:vertical;min-height:66px}.demo-field::placeholder,.demo-phone input::placeholder,.demo-country-search input::placeholder{color:#a7a7a7;opacity:1}.demo-field:hover,.demo-phone:hover{border-color:#909090}.demo-field:focus,.demo-phone:focus-within{border-color:#6223db;outline:none;box-shadow:0 0 0 1px #6223db}.demo-phone{align-items:center;display:flex;position:relative}.demo-phone>[data-phone-input]{width:100%;min-height:46px;color:var(--color-content-primary);background:0 0;border:0;border-radius:12px;outline:0;padding:13px 16px 13px 87px;font:400 16px/1.2 Graphik Web,Graphik,system-ui,sans-serif}.demo-phone-country{z-index:2;width:78px;color:var(--color-content-primary);cursor:pointer;font:inherit;background:#fff;border:0;border-radius:11px 0 0 11px;align-items:center;gap:8px;padding:0 4px 0 16px;display:flex;position:absolute;inset:1px auto 1px 1px}.demo-phone-country svg{width:14px;height:14px}.demo-flag{background:url(/assets/demoform/flags.webp) -2976px 0/3904px 12px no-repeat;border-radius:2px;flex:none;width:16px;height:12px;box-shadow:0 0 1px #888}.demo-country-menu{z-index:20;background:#fff;border:1px solid #c6c6c6;border-radius:12px;width:min(320px,100%);padding:8px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 32px #0002}.demo-country-menu[hidden]{display:none}.demo-country-search input{width:100%;font:inherit;border:1px solid #c6c6c6;border-radius:8px;padding:10px 12px}.demo-country-list{max-height:220px;margin-top:8px;display:grid;overflow:auto}.demo-country-list button{color:var(--color-content-primary);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;padding:10px 12px;display:flex}.demo-country-list button:hover,.demo-country-list button[aria-selected=true]{background:#f3f3f3}.demo-consent{color:#727272;grid-template-columns:20px 1fr;align-items:start;gap:8px;margin:8px 0;padding-top:8px;font-size:14px;line-height:1.4;display:grid}.demo-consent input{accent-color:#7b36ff;border:1px solid #c6c6c6;border-radius:4px;width:20px;height:20px;margin:0}.demo-consent>span{padding-left:4px}.demo-consent a{color:#7b36ff;text-decoration:none}.demo-consent a:hover{color:#6223db}.demo-form-status:empty{display:none}.demo-form-status{color:#727272;margin:4px 0 8px;font-size:13px;line-height:1.3}.demo-submit{border:1px solid var(--color-surface-strong);background:var(--color-surface-strong);color:#fff;cursor:pointer;text-transform:uppercase;border-radius:999px;min-height:56px;margin-top:0;padding:16px 24px;font:400 16px/1.2 CoFo Sans Mono,ui-monospace,monospace;transition:background .16s,border-color .16s}.demo-submit:hover{background:#6223db;border-color:#6223db}.demo-meta h2{font-size:20px;font-weight:700;line-height:1}.demo-meta-links{gap:32px;margin-top:24px;display:flex}.demo-meta-links a{color:var(--color-content-primary);text-transform:uppercase;white-space:nowrap;align-items:center;font:400 16px/1.2 CoFo Sans Mono,ui-monospace,monospace;text-decoration:none;display:inline-flex}.demo-meta-links svg{flex:none;width:16px;height:16px;margin-right:8px}.demo-meta-links a:hover{color:#6223db}.demo-submit:focus-visible,.demo-meta-links a:focus-visible,.demo-consent a:focus-visible,.demo-phone-country:focus-visible{outline-offset:3px;outline:2px solid #6223db}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=639px){.demo-page{padding:8px 16px 16px}.demo-content{gap:16px}.demo-card--form,.demo-card--meta{padding:16px}.demo-inner{width:100%}.demo-logo--desktop{display:none}.demo-logo--mobile{width:188px;margin:0 0 20px;display:block}.demo-title{margin-bottom:8px;font-size:24px;line-height:1}.demo-subtitle{margin-bottom:16px}.demo-consent{margin-top:5px;padding-top:0}.demo-meta h2{font-size:16px;line-height:1.2}.demo-meta-links{flex-direction:column;gap:16px;margin-top:16px}.demo-meta-links a{font-size:14px}}