@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-header-toggle{border:1px solid var(--host-border);letter-spacing:.03em;color:var(--host-text);background:color-mix(in srgb, white 90%, var(--host-bg-accent));cursor:pointer;border-radius:999px;align-self:center;padding:6px 12px;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.platform-header-toggle:hover,.platform-header-toggle:focus-visible{border-color:var(--host-primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--host-primary) 22%, transparent)}.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}.route-fallback{background:radial-gradient(circle at 12% 10%,#47bfff4d,#0000 42%),radial-gradient(circle at 88% 85%,#9f224133,#0000 48%),linear-gradient(145deg,#f8fcff 0%,#e8f3ff 56%,#f3f9ff 100%);flex:1;place-items:center;min-height:0;padding:clamp(20px,6vw,56px);display:grid;position:relative;overflow:hidden}.route-fallback:before,.route-fallback:after{content:"";pointer-events:none;opacity:.56;border-radius:999px;position:absolute}.route-fallback:before{background:radial-gradient(circle,#006da329 0%,#006da300 66%);width:min(66vw,520px);height:min(66vw,520px);top:-28%;right:-16%}.route-fallback:after{background:radial-gradient(circle,#9f224124 0%,#9f224100 66%);width:min(54vw,420px);height:min(54vw,420px);bottom:-26%;left:-14%}.route-fallback-panel{z-index:1;text-align:center;background:linear-gradient(165deg,#fffffff0,#f7fbfff0);border:1px solid #ffffffe6;border-radius:28px;width:min(680px,100%);padding:clamp(24px,5vw,44px);animation:.38s cubic-bezier(.2,.8,.2,1) route-fallback-enter;position:relative;box-shadow:0 26px 50px #13375629}.route-fallback-logo-wrap{background:linear-gradient(150deg,#fff,#f1f7ff);border-radius:22px;place-items:center;width:78px;height:78px;margin:0 auto 14px;display:grid;box-shadow:inset 0 0 0 1px #006da329,0 12px 24px #006da32e}.route-fallback-logo{width:44px;height:44px;display:block}.route-fallback-kicker{letter-spacing:.13em;text-transform:uppercase;color:#466788;margin:0;font-size:.76rem;font-weight:700}.route-fallback-title{letter-spacing:-.02em;color:#0c2f4f;margin:10px 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3.3vw,2.35rem)}.route-fallback-description{color:#48647f;max-width:56ch;margin:0 auto;font-size:clamp(.97rem,1.75vw,1.08rem);line-height:1.62}.route-fallback-link{color:#0f4f79;background:#ffffffd1;border:1px solid #09557e38;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:24px;padding:.77rem 1.25rem;font-weight:700;text-decoration:none;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex;box-shadow:0 8px 22px #18547c26}.route-fallback-link:hover,.route-fallback-link:focus-visible{background:#fff;transform:translateY(-1px);box-shadow:0 12px 26px #18547c33}.route-fallback-link:focus-visible{outline-offset:2px;outline:2px solid #0f71aa}.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}.signature-modal{max-height:calc(100dvh - 40px);overflow-y:auto}.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}.error-dialog{width:min(520px,100%)}.error-dialog-provider-validation{background:linear-gradient(#f8fbff 0%,#f2f7ff 100%);border:1px solid #c8d7e9;width:min(620px,100%)}.error-dialog-provider-validation h2{color:#1d3f66;margin-bottom:10px}.error-dialog-provider-validation .error-dialog-message{font-size:1.1rem;line-height:1.35;color:#3f5f82!important}.error-dialog-provider-validation .dialog-actions{margin-top:22px}.error-code-pill{color:#4b0919;letter-spacing:.04em;background:#fff;border:1px solid #8a1f3b;border-radius:999px;align-items:center;margin-bottom:10px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.error-dialog-message{margin-bottom:8px!important}.error-dialog-reason{color:var(--host-text)!important}.transaction-result-dialog{text-align:center;border-radius:18px;width:min(460px,100%)}.transaction-result-icon{place-items:center;width:78px;height:78px;margin:2px auto 12px;display:grid}.transaction-result-checkmark,.transaction-result-error{width:78px;height:78px}.transaction-result-checkmark-circle,.transaction-result-error-circle{fill:#fff;stroke-width:3px}.transaction-result-checkmark-circle{stroke:#18a957;stroke-dasharray:160;stroke-dashoffset:160px;animation:.55s forwards transaction-circle-draw}.transaction-result-checkmark-path{fill:none;stroke:#18a957;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:34px;animation:.35s .45s forwards transaction-check-draw}.transaction-result-error-circle{stroke:var(--host-danger)}.transaction-result-error-path{fill:none;stroke:var(--host-danger);stroke-width:4px;stroke-linecap:round}.transaction-result-dialog--success .transaction-result-icon{animation:.45s cubic-bezier(.21,1.15,.35,1) both transaction-success-pop}.transaction-result-actions{justify-content:center}@keyframes transaction-circle-draw{to{stroke-dashoffset:0}}@keyframes transaction-check-draw{to{stroke-dashoffset:0}}@keyframes transaction-success-pop{0%{opacity:0;transform:scale(.76)}to{opacity:1;transform:scale(1)}}@keyframes route-fallback-enter{0%{opacity:0;transform:translateY(14px)scale(.986)}to{opacity:1;transform:translateY(0)scale(1)}}.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}.captcha-panel{border:1px solid color-mix(in srgb, var(--host-border) 88%, white);background:color-mix(in srgb, white 92%, var(--host-bg-accent));border-radius:12px;margin-top:18px;padding:16px}.captcha-container{min-height:66px}.captcha-helper,.captcha-error{margin-top:10px;font-size:.92rem}.captcha-helper{color:var(--host-muted)}.captcha-error{color:var(--host-danger)}.confirmation-shell{--confirmation-accent:var(--theme-color,var(--microsite-primary));background:radial-gradient(circle at top left, color-mix(in srgb, var(--confirmation-accent) 18%, white) 0%, transparent 34%), radial-gradient(circle at bottom right, color-mix(in srgb, var(--confirmation-accent) 12%, white) 0%, transparent 30%), linear-gradient(160deg, #f7fafb 0%, #eef4f6 48%, #fdfefe 100%);place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.confirmation-backdrop{pointer-events:none;position:absolute;inset:0}.confirmation-glow{filter:blur(18px);opacity:.45;border-radius:999px;position:absolute}.confirmation-glow--primary{background:color-mix(in srgb, var(--confirmation-accent) 24%, white);width:220px;height:220px;top:8%;left:8%}.confirmation-glow--secondary{background:color-mix(in srgb, var(--confirmation-accent) 14%, white);width:280px;height:280px;bottom:6%;right:-40px}.confirmation-card{z-index:1;border:1px solid color-mix(in srgb, var(--confirmation-accent) 12%, var(--host-border));background:linear-gradient(#fffffff5 0%,#f8fbfcfa 100%);border-radius:28px;width:min(560px,100%);padding:30px;position:relative;box-shadow:0 28px 70px #0f172a1f,inset 0 1px #ffffffe6}.confirmation-stripe{background:linear-gradient(90deg, var(--confirmation-accent), color-mix(in srgb, var(--confirmation-accent) 38%, white));border-radius:999px;width:88px;height:6px;margin-bottom:22px}.confirmation-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.confirmation-eyebrow{color:var(--host-muted);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.76rem}.confirmation-badge{border:1px solid color-mix(in srgb, var(--confirmation-accent) 18%, var(--host-border));background:color-mix(in srgb, var(--confirmation-accent) 10%, white);min-height:32px;color:color-mix(in srgb, var(--confirmation-accent) 74%, #0f172a);border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:.84rem;font-weight:700;display:inline-flex}.confirmation-badge--error{border-color:color-mix(in srgb, var(--host-danger) 34%, var(--host-border));background:color-mix(in srgb, var(--host-danger) 10%, white);color:color-mix(in srgb, var(--host-danger) 70%, #7f1d1d)}.confirmation-badge--success{border-color:color-mix(in srgb, #0f8a4b 34%, var(--host-border));color:#0c6e3b;background:#e7f3ed}.confirmation-title{text-wrap:balance;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.12}.confirmation-message{color:var(--host-muted);margin:14px 0 0;font-size:1rem;line-height:1.6}.confirmation-progress{border:1px solid color-mix(in srgb, var(--confirmation-accent) 16%, var(--host-border));background:color-mix(in srgb, var(--confirmation-accent) 6%, white);border-radius:18px;justify-items:center;gap:12px;margin-top:16px;padding:18px;display:grid}.confirmation-progress-wheel{place-items:center;width:84px;height:84px;display:grid;position:relative}.confirmation-progress-ring{border:4px solid color-mix(in srgb, var(--confirmation-accent) 18%, #dbe5eb);border-top-color:var(--confirmation-accent);border-radius:999px;animation:.9s linear infinite confirmation-progress-spin;position:absolute;inset:0}.confirmation-progress-logo{object-fit:contain;background:#fff;border-radius:10px;width:42px;height:42px;padding:4px;box-shadow:0 6px 18px #0f172a24}.confirmation-progress-dot{background:var(--confirmation-accent);border-radius:999px;width:14px;height:14px}.confirmation-progress-message{color:var(--host-muted);text-align:center;margin:0;font-size:.95rem;line-height:1.5}@keyframes confirmation-progress-spin{to{transform:rotate(360deg)}}.confirmation-note{border:1px solid color-mix(in srgb, var(--confirmation-accent) 10%, var(--host-border));background:color-mix(in srgb, var(--confirmation-accent) 5%, white);border-radius:18px;margin-top:22px;padding:16px 18px}.confirmation-note-label{color:color-mix(in srgb, var(--confirmation-accent) 74%, #0f172a);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:.74rem;font-weight:700;display:inline-block}.confirmation-note-text{color:var(--host-text);margin:0;line-height:1.6}.confirmation-helper{color:var(--host-text);margin-top:16px;font-weight:600}.confirmation-actions{margin-top:22px}.confirmation-button{min-width:220px;box-shadow:0 14px 30px color-mix(in srgb, var(--confirmation-accent) 18%, transparent)}.confirmation-shell--error .confirmation-stripe{background:linear-gradient(90deg, var(--host-danger), color-mix(in srgb, var(--host-danger) 32%, white))}.confirmation-shell--success .confirmation-stripe{background:linear-gradient(90deg,#0f8a4b,#add7c2)}@media (width<=640px){.confirmation-card{border-radius:24px;padding:24px}.confirmation-header{flex-direction:column;align-items:flex-start}.confirmation-button{width:100%;min-width:0}}.toast{z-index:1400;border:1px solid var(--host-border);width:min(360px,100vw - 40px);box-shadow:var(--host-shadow);background:#fffffff5;border-radius:14px;padding:16px 18px;position:fixed;bottom:20px;right:20px}.toast--success{border-color:color-mix(in srgb, #0f8a4b 45%, var(--host-border))}.toast--error{border-color:color-mix(in srgb, var(--host-danger) 52%, var(--host-border))}.toast-title{margin-bottom:4px;display:block}.toast-message{color:var(--host-muted);margin:0}.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}.route-fallback{padding:20px 14px}.route-fallback-panel{border-radius:22px;padding:24px 18px}.route-fallback-link{width:100%}.consent-banner{flex-direction:column;align-items:stretch;bottom:10px;left:10px;right:10px}.consent-actions{justify-content:flex-end;width:100%}.overlay{padding:12px;overflow-y:auto}.signature-modal{max-height:calc(100dvh - 24px);padding:16px}.signature-modal .signature-pad{height:min(220px,34dvh)}.signature-modal .modal-actions,.signature-modal .dialog-actions{flex-wrap:wrap}}.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}
