.demo-modal{--dm-text:#fff;--dm-muted:#a6a6a6;--dm-blue:#09f;--dm-blue-deep:#06f;--dm-line:#24313d;--dm-mono:var(--font-geist-mono), ui-monospace, monospace;font-family:var(--font-geist-sans), Arial, sans-serif}.demo-button{background:var(--dm-blue-deep);color:#fff;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:650;text-decoration:none;transition:transform .25s;display:inline-flex;box-shadow:0 8px 30px #06f3}.demo-button:hover{transform:translateY(-2px)}.demo-button:focus-visible{outline:2px solid var(--dm-blue);outline-offset:4px}.demo-modal{width:100%;max-width:none;height:100%;max-height:none;color:var(--dm-text);background:0 0;border:0;margin:0;padding:0;overflow-y:auto}.demo-modal::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8}body:has(.demo-modal[open]){overflow:hidden}.demo-modal-panel{background:#090d11;border-radius:22px;width:min(560px,100% - 28px);margin:clamp(12px,3vh,30px) auto;padding:clamp(20px,2.4vw,30px);position:relative;box-shadow:0 40px 120px #0009}.demo-modal-panel h2{letter-spacing:-.04em;margin:0;font-size:clamp(21px,2vw,25px);font-weight:560;line-height:1.1}.demo-modal-sub{color:var(--dm-muted);margin:8px 0 20px;font-size:13.5px;line-height:1.45}.demo-modal-close{color:#8d8d8d;cursor:pointer;background:0 0;border:1px solid #24313d;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;transition:color .2s,border-color .2s;display:grid;position:absolute;top:16px;right:16px}.demo-modal-close:hover{color:var(--dm-text);border-color:#3a4c5c}.demo-form{grid-template-columns:1fr 1fr;gap:13px;display:grid}.demo-field{flex-direction:column;gap:6px;min-width:0;display:flex}.demo-field-wide{grid-column:1/-1}.demo-field>span{color:#8d8d8d;font-family:var(--dm-mono);letter-spacing:.12em;text-transform:uppercase;font-size:9.5px;font-weight:600}.demo-field>span em{color:#5f6d78;font-style:normal}.demo-field input,.demo-field select,.demo-field textarea{width:100%;color:var(--dm-text);background:#0e141a;border:1px solid #24313d;border-radius:10px;padding:10px 13px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s,box-shadow .2s}.demo-field textarea{resize:vertical;min-height:68px}.demo-field input::-moz-placeholder{color:#5f6d78}.demo-field textarea::-moz-placeholder{color:#5f6d78}.demo-field input::placeholder,.demo-field textarea::placeholder{color:#5f6d78}.demo-field select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#8d8d8d 50%),linear-gradient(135deg,#8d8d8d 50%,#0000 50%);background-position:right 18px center,right 12px center;background-repeat:no-repeat;background-size:6px 6px,6px 6px}.demo-field input:focus-visible,.demo-field select:focus-visible,.demo-field textarea:focus-visible{border-color:var(--dm-blue);outline:none;box-shadow:0 0 0 3px #0099ff2e}.demo-form-error{color:#ff8095;grid-column:1/-1;margin:0;font-size:14px}.demo-submit{grid-column:1/-1;justify-self:start;margin-top:2px}.demo-form-note{color:#5f6d78;grid-column:1/-1;margin:0;font-size:12px;line-height:1.45}.demo-submit[disabled]{cursor:progress;opacity:.65}.demo-modal-done{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0;display:flex}.demo-modal-done p{max-width:46ch;color:var(--dm-muted);margin:0;font-size:15px;line-height:1.5}.demo-modal-done .demo-button{margin-top:10px}@media (max-width:620px){.demo-modal-panel{border-radius:22px}.demo-form{grid-template-columns:1fr;gap:16px}.demo-submit{justify-self:stretch;width:100%}}