@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--host-bg:#f4f7fb;--host-bg-accent:#d8edf8;--host-text:#1e2b3a;--host-muted:#5f7388;--host-border:#c8d9ea;--host-primary:#006da3;--host-primary-soft:#e1f3ff;--host-danger:#9f2241;--host-surface:#fff;--host-shadow:0 14px 45px #06243d1f;--host-radius:5px;--host-backdrop:#0d182385;--microsite-primary:var(--host-primary)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{color:var(--host-text);background:radial-gradient(circle at 0% 0%, var(--host-bg-accent), transparent 48%), linear-gradient(180deg, #fbfdff 0%, var(--host-bg) 100%);margin:0;font-family:DM Sans,Segoe UI,sans-serif}.platform-shell{flex-direction:column;height:100%;min-height:100vh;display:flex}.platform-header{border-bottom:1px solid var(--host-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:60;background:#ffffffd9;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;padding:14px clamp(16px,5vw,40px);display:flex;position:sticky;top:0}.platform-brand{align-items:center;gap:12px;display:flex}.platform-brand-copy{flex-direction:column;gap:2px;display:flex}.platform-brand-dot{color:#fff;background:linear-gradient(135deg,#9f2241,#ad14c9f0);border-radius:8px;place-items:center;width:34px;height:34px;font-family:Space Grotesk,sans-serif;font-weight:700;display:grid}.platform-brand h1{letter-spacing:.02em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2vw,1.2rem)}.platform-brand-subtitle{color:var(--host-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.platform-meta{flex:1;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;min-width:min(100%,680px);display:grid}.platform-meta-item{border:1px solid color-mix(in srgb, var(--host-border) 82%, white);background:color-mix(in srgb, white 88%, var(--host-bg-accent));border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:9px 12px;display:flex}.platform-meta-item--wide{grid-column:span 2}.platform-meta-label{color:var(--host-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.platform-meta-value{color:var(--host-text);overflow-wrap:anywhere;font-size:.88rem;font-weight:500}.platform-dev-switcher{align-items:center;gap:10px;display:flex}.platform-dev-label{color:var(--host-muted);white-space:nowrap;font-size:.82rem}.platform-dev-select{appearance:none;border:1px solid var(--host-border);color:var(--host-text);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235f7388' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 9px center no-repeat,#fff;border-radius:8px;min-width:120px;padding:5px 28px 5px 10px;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .15s}.platform-dev-select:focus{border-color:var(--host-primary);outline:none}.platform-dev-select:disabled{opacity:.5;cursor:not-allowed}.platform-main{flex-direction:column;flex:1;width:100vw;min-height:0;margin:0 auto;padding:0;display:flex}.microsite-root{border:0px solid var(--host-border);border-radius:var(--host-radius);width:100%;min-height:0;box-shadow:var(--host-shadow);background:#fff;flex-direction:column;flex:1;display:flex;overflow:hidden}.microsite-frame{background:#fff;border:0;flex:1;width:100%;height:0;min-height:0;display:block}.overlay{background:var(--host-backdrop);z-index:999;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.dialog,.loading-card{border-radius:var(--host-radius);background:var(--host-surface);border:1px solid var(--host-border);width:min(600px,100%);box-shadow:var(--host-shadow);padding:22px}.modal h2,.dialog h2,.loading-card h2{margin-top:0;margin-bottom:12px;font-family:Space Grotesk,sans-serif}.dialog p,.modal p,.loading-card p{color:var(--host-muted);margin:0}.modal-actions,.dialog-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.button{border:1px solid var(--host-border);cursor:pointer;color:var(--host-text);background:#fff;border-radius:10px;padding:.6rem 1rem;font-family:inherit;font-weight:600}.button-primary{border-color:var(--microsite-primary);background:linear-gradient(180deg, var(--microsite-primary), color-mix(in srgb, var(--microsite-primary) 72%, black));color:#fff}.button-danger{color:#fff;background:linear-gradient(#8a1f3b,#6f1730);border-color:#5f0f25}.consent-banner{z-index:1200;border:1px solid var(--host-border);background:var(--host-surface);box-shadow:var(--host-shadow);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:14px;padding:16px;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.consent-banner-content{min-width:0}.consent-title{margin:0;font-family:Space Grotesk,sans-serif;font-size:1rem}.consent-message,.consent-policy{margin-top:8px}.consent-link{color:var(--microsite-primary);font-weight:600}.consent-actions{flex-shrink:0;gap:10px;display:flex}.top-loading-indicator{z-index:1300;pointer-events:none;position:fixed;top:0;left:0;right:0}.top-loading-track{background:color-mix(in srgb, var(--microsite-primary) 25%, transparent);width:100%;height:3px;overflow:hidden}.top-loading-bar{background:var(--microsite-primary);width:35%;height:100%;animation:1.1s ease-in-out infinite top-loading-slide}.signature-pad{touch-action:none;background:#fbfdff;border:1px dashed #8aa4be;border-radius:10px;width:100%;height:220px;margin-top:14px}.spinner{border:3px solid var(--host-primary-soft);border-top-color:var(--host-primary);border-radius:50%;width:40px;height:40px;margin-bottom:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes top-loading-slide{0%{transform:translate(-120%)}50%{transform:translate(95%)}to{transform:translate(290%)}}@media (width<=768px){.platform-meta{grid-template-columns:1fr;min-width:100%}.platform-meta-item--wide{grid-column:span 1}.platform-header{padding-inline:16px}.platform-main{padding:0}.consent-banner{flex-direction:column;align-items:stretch;bottom:10px;left:10px;right:10px}.consent-actions{justify-content:flex-end;width:100%}}.preview-sidebar{z-index:1100;pointer-events:none;flex-direction:row-reverse;align-items:center;display:flex;position:fixed;top:0;bottom:0;right:0}.preview-tab{pointer-events:auto;writing-mode:vertical-rl;color:#1c1917;letter-spacing:.14em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f59e0b;border:1px solid #d97706;border-right:none;border-radius:10px 0 0 10px;padding:14px 7px;font-size:.68rem;font-weight:700;transition:background .15s;transform:rotate(180deg)}.preview-tab:hover{background:#fbbf24}.preview-panel{pointer-events:auto;align-self:center;width:0;max-height:80vh;transition:width .25s;overflow:hidden}.preview-panel--open{width:340px}.preview-panel-inner{background:var(--host-surface);border:1px solid var(--host-border);border-right:none;border-radius:10px 0 0 10px;width:340px;max-height:80vh;padding:18px 16px;overflow-y:auto;box-shadow:-4px 0 24px #0000001a}.preview-panel-microsite{color:#d97706;letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:.72rem;font-weight:700}.preview-panel-version{color:var(--host-text);margin:0 0 10px;font-size:.8rem;font-weight:700}.preview-context{border:1px solid var(--host-border);background:color-mix(in srgb, white 88%, var(--host-bg-accent));border-radius:10px;flex-direction:column;gap:7px;margin-bottom:14px;padding:9px;display:flex}.preview-context-row{flex-direction:column;gap:2px;display:flex}.preview-context-row--wide .preview-context-value{overflow-wrap:anywhere}.preview-context-label{text-transform:uppercase;letter-spacing:.08em;color:var(--host-muted);font-size:.66rem;font-weight:700}.preview-context-value{color:var(--host-text);font-size:.82rem;font-weight:500}.preview-panel-heading{margin:0 0 16px;font-family:Space Grotesk,sans-serif;font-size:1rem}.preview-field-label{color:var(--host-muted);margin-top:12px;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.preview-field-label:first-of-type{margin-top:0}.preview-field-input,.preview-field-select,.preview-field-textarea{border:1px solid var(--host-border);width:100%;color:var(--host-text);box-sizing:border-box;background:#fff;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:.88rem}.preview-field-input:focus,.preview-field-select:focus,.preview-field-textarea:focus{border-color:var(--host-primary);outline:none}.preview-field-textarea{resize:vertical;min-height:90px}.preview-field-error{color:var(--host-danger);margin:8px 0 0;font-size:.8rem}.preview-submit-btn{width:100%;margin-top:14px}.preview-submit-success{text-align:center;padding:16px 0}.preview-submit-success p{color:#16a34a;margin:0 0 12px;font-weight:600}