.marketing-welcome { width:min(460px,calc(100vw - 32px)); max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); box-sizing:border-box; padding:30px; border:1px solid #c9dce5; border-radius:26px; background:#fffaf2; color:#25475e; overflow:auto; box-shadow:0 20px 70px #173d4c40; font-family:inherit; }
.marketing-welcome::backdrop { background:#173d4c80; }
.marketing-welcome__icon { display:grid; place-items:center; width:58px; height:58px; border-radius:18px; background:#f8dc91; color:#423389; margin-bottom:18px; }
.marketing-welcome__icon svg { width:36px; height:36px; }
.marketing-welcome h2 { margin:0 0 10px; font-size:30px; line-height:1.2; letter-spacing:-.03em; color:#25475e; }
.marketing-welcome__lead { font-size:20px; line-height:1.45; font-weight:700; margin:0 0 20px; color:#423389; }
.marketing-welcome__consent { background:#e3edf2; padding:16px; border-radius:16px; font-size:14px; line-height:1.6; }
.marketing-welcome__consent p { margin:0; }
.marketing-welcome__consent p+p { margin-top:10px; }
.marketing-welcome a { color:#423389; text-decoration:underline; }
.marketing-welcome__optional { font-size:12px; line-height:1.6; margin:14px 0 20px; color:#526c7a; }
.marketing-welcome__actions { display:grid; gap:10px; }
.marketing-welcome__actions button { width:100%; min-height:48px; padding:13px 16px; border:1px solid #423389; border-radius:14px; font:inherit; font-size:15px; font-weight:750; cursor:pointer; }
.marketing-welcome__accept { color:#fff; background:#423389; }
.marketing-welcome__later { color:#25475e; background:#fffaf2; border-color:#bacfd9!important; }
.marketing-welcome__actions button:disabled { opacity:.65; cursor:wait; }
.marketing-welcome :focus-visible { outline:3px solid #25475e; outline-offset:3px; }
.marketing-welcome__error { color:#9c2929; font-size:14px; line-height:1.5; }
@media(max-width:380px) { .marketing-welcome { padding:22px; } .marketing-welcome h2 { font-size:26px; } .marketing-welcome__lead { font-size:18px; } }

.marketing-welcome[hidden],.marketing-welcome-backdrop[hidden] { display:none!important; }
.marketing-welcome-backdrop { position:fixed; inset:0; z-index:20000; background:#173d4c80; }
.marketing-welcome--fallback { display:block; position:fixed; z-index:20001; top:50%; left:50%; transform:translate(-50%,-50%); margin:0; max-height:calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)); }