.mm-demo{box-sizing:border-box;width:min(820px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;border:1px solid #b9d3d1;border-radius:16px;background:#f5faf8;color:#103d49;font-family:Arial,Helvetica,sans-serif;box-shadow:0 25px 100px #00182066;overflow:auto;overscroll-behavior:contain;margin:auto}
.mm-demo *{box-sizing:border-box}.mm-demo::backdrop{background:#001d29b8;backdrop-filter:blur(7px)}
.mm-demo[open]{animation:mm-demo-in .22s ease-out}.mm-demo-top{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:#082d38;color:#bceadf;position:sticky;top:0;z-index:1;font-size:10px;letter-spacing:.12em}
.mm-demo-close{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #71989e;border-radius:50%;background:transparent;color:#fff;font:28px/1 Arial;cursor:pointer}
.mm-demo-content{padding:28px 38px 34px}.mm-demo-brand{width:136px;height:auto;display:block;margin:0 0 16px}.mm-demo h2{font-size:clamp(30px,4vw,42px);font-weight:400;line-height:1.12;letter-spacing:-.04em;margin:0 0 14px}.mm-demo h2 em{font-style:normal;color:#4b7d85}.mm-demo #mm-demo-intro{font-size:15px;line-height:1.6;color:#4c707b;margin:0 0 24px}
.mm-demo-form{display:grid;gap:18px}.mm-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mm-demo label{display:block;font-size:13px;font-weight:400;color:#103d49;line-height:1.5}.mm-demo-required{font-size:10px;color:#4c707b;margin-left:7px}.mm-demo input,.mm-demo select,.mm-demo textarea{display:block;width:100%;min-width:0;margin-top:7px;border:1px solid #bbcfce;border-radius:5px;background:#fff;color:#103d49;padding:12px;font:16px/1.4 Arial,Helvetica,sans-serif;color-scheme:light}.mm-demo input::placeholder,.mm-demo textarea::placeholder{color:#71878c}.mm-demo textarea{resize:vertical;min-height:90px}.mm-demo :is(input,select,textarea,button):focus-visible{outline:2px solid #078bc2;outline-offset:3px}.mm-demo fieldset{border:0;padding:0;margin:0;min-width:0}.mm-demo legend{font-size:14px;padding:0}.mm-demo-hint,.mm-demo-zone{font-size:12px;line-height:1.6;color:#536f78;margin:7px 0}.mm-demo-zone{margin-bottom:12px}.mm-demo-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mm-demo-dates input{font-size:13px;padding:11px 8px}.mm-demo-preview{font-size:12px;color:#536f78;line-height:1.6;margin:0}.mm-demo-status{font-size:14px;line-height:1.6;background:#e0efe9;border-left:3px solid #4b7d85;padding:12px;margin:0}.mm-demo-status[hidden]{display:none}.mm-demo-submit{border:0;border-radius:5px;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;background:#103d49;color:white;font-size:15px;cursor:pointer;min-height:50px}.mm-demo-submit:hover{background:#1f5360}.mm-demo-close:hover{background:#224b55}@keyframes mm-demo-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.mm-demo{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.mm-demo-top{padding:12px 20px}.mm-demo-content{padding:24px 22px}.mm-demo-grid,.mm-demo-dates{grid-template-columns:1fr}.mm-demo-dates input{font-size:16px}.mm-demo-form{gap:16px}}
@media(prefers-reduced-motion:reduce){.mm-demo[open]{animation:none}}