.v9-demo{gap:12px;width:100%;max-width:520px;display:grid}.v9-demo-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.v9-demo-field{gap:6px;min-width:0;display:grid}.v9-demo-field span{font-size:calc(12px * var(--mk-font-scale));letter-spacing:.02em;color:color-mix(in srgb, var(--mk-dark-ink) 78%, transparent);font-weight:600}.v9-demo-field input,.v9-demo-field select{border:1px solid color-mix(in srgb, var(--mk-dark-ink) 22%, transparent);min-width:0;height:44px;color:var(--mk-dark-ink);font-family:var(--mk-font-body);background:#ffffff17;border-radius:12px;padding:0 14px;font-size:16px;transition:border-color .18s,background-color .18s}.v9-demo-field input::placeholder{color:color-mix(in srgb, var(--mk-dark-ink) 42%, transparent)}.v9-demo-field select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 19px),calc(100% - 14px);background-repeat:no-repeat;background-size:5px 5px}.v9-demo-field select option{color:var(--mk-ink);background:#fff}.v9-demo-field input:focus-visible,.v9-demo-field select:focus-visible{outline:2px solid var(--v9-ice,#a7dfee);outline-offset:1px;border-color:#0000}.v9-demo-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.v9-demo-consent{font-size:calc(12.5px * var(--mk-font-scale));color:color-mix(in srgb, var(--mk-dark-ink) 74%, transparent);cursor:pointer;align-items:flex-start;gap:9px;line-height:1.5;display:flex}.v9-demo-consent input{width:16px;height:16px;accent-color:var(--v9-accent,var(--mk-accent));flex:none;margin-top:2px}.v9-demo-consent a{color:var(--v9-ice,#a7dfee);text-underline-offset:2px;text-decoration:underline}.v9-demo-error{font-size:calc(13px * var(--mk-font-scale));color:var(--mk-dark-ink);background:#ff6a3d29;border:1px solid #ff9d7a73;border-radius:12px;margin:0;padding:10px 14px;line-height:1.5}.v9-demo-error a{color:var(--v9-ice,#a7dfee);text-underline-offset:2px;font-weight:600}.v9-demo-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.v9-demo-submit{cursor:pointer;background:var(--mk-accent-deep);height:46px;color:var(--mk-accent-ink);font-family:var(--mk-font-body);font-size:calc(14px * var(--mk-font-scale));white-space:nowrap;transition:transform .16s var(--mk-ease), background-color .18s ease;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-weight:600;line-height:1;display:inline-flex}.v9-demo-submit:active{transform:scale(.97)}.v9-demo-submit:focus-visible{outline:2px solid var(--v9-accent,var(--mk-accent));outline-offset:2px}.v9-demo-submit:hover{background:color-mix(in srgb, var(--mk-accent-deep) 90%, #000)}.v9-demo-submit:disabled{opacity:.65;cursor:default}.v9-demo-mail{font-size:calc(13px * var(--mk-font-scale));color:color-mix(in srgb, var(--mk-dark-ink) 72%, transparent);text-underline-offset:3px}.v9-demo-mail:hover{color:var(--mk-dark-ink)}.v9-demo-done{border:1px solid color-mix(in srgb, var(--v9-ice,#a7dfee) 40%, transparent);background:color-mix(in srgb, var(--v9-ice,#a7dfee) 12%, transparent);border-radius:14px;gap:6px;max-width:520px;padding:18px 20px;display:grid}.v9-demo-done-title{font-family:var(--mk-font-display);font-size:calc(17px * var(--mk-font-scale));color:var(--mk-dark-ink);margin:0;font-weight:700}.v9-demo-done-sub{font-size:calc(13px * var(--mk-font-scale));color:color-mix(in srgb, var(--mk-dark-ink) 74%, transparent);margin:0;line-height:1.55}@media (width<=560px){.v9-demo-row{grid-template-columns:1fr}}