:root{--welcome-bg:#091633;--welcome-panel:#10264a;--welcome-line:#376eaa;--welcome-pink:#ec3e96;--welcome-violet:#7856c7;--welcome-mint:#86f1dc}
dialog.first-visit-welcome{position:fixed;inset:0;margin:auto;width:min(100vw,620px);height:min(100dvh,1000px);max-width:620px;max-height:100dvh;padding:0;border:1px solid #365f9a;border-radius:22px;background:linear-gradient(150deg,#0a193b 0%,#111f50 58%,#211652 100%);color:#fff;overflow:auto;overscroll-behavior:contain;box-shadow:0 24px 90px #000a}
dialog.first-visit-welcome::backdrop{background:#020816eF;backdrop-filter:blur(7px)}
.welcome-shell{padding:calc(18px + env(safe-area-inset-top)) 22px calc(22px + env(safe-area-inset-bottom));font-family:Inter,system-ui,-apple-system,sans-serif}
.welcome-brand{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:15px;border-bottom:1px solid #42608a}
.welcome-brand-lockup{display:flex;align-items:center;gap:10px}.welcome-brand-lockup img{width:42px;height:42px}.welcome-brand-lockup span{display:flex;flex-direction:column}.welcome-brand-lockup strong{font-size:12px;letter-spacing:1.5px}.welcome-brand-lockup small{color:#b99aff;font-size:11px;font-weight:700}.welcome-dismiss{min-width:42px;min-height:42px;border:1px solid #657da5;border-radius:12px;background:#132850;color:white;font-size:18px}
.welcome-copy{padding:17px 0 13px}.welcome-eyebrow{margin:0 0 7px;color:#84e8df;font-size:11px;font-weight:850;letter-spacing:1.3px}.welcome-copy h1{margin:0 0 8px;font-size:clamp(25px,6.5vw,34px);line-height:1.13;letter-spacing:-.6px}.welcome-copy>p:last-child{margin:0;color:#d3deef;font-size:14px;line-height:1.45}
.welcome-preview-card{display:grid;grid-template-columns:minmax(112px,.9fr) minmax(0,1.1fr);gap:12px;align-items:center;padding:11px;border:1px solid var(--welcome-line);border-radius:18px;background:#102448;box-shadow:0 12px 28px #030a1c60}.welcome-video-image{position:relative;display:block;width:100%;aspect-ratio:1.13;padding:0;overflow:hidden;border:1px solid #6b94cf;border-radius:14px;background:#14264c;cursor:pointer}.welcome-video-image img{display:block;width:100%;height:100%;object-fit:cover}.welcome-play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:52px;height:52px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#07152dbd;color:#fff;font-size:22px;padding-left:3px;box-shadow:0 2px 14px #0009}.welcome-video-image:focus-visible,.welcome-actions button:focus-visible,.welcome-dismiss:focus-visible,.welcome-skip:focus-visible,.welcome-continue-muted:focus-visible{outline:3px solid #8bf2de;outline-offset:3px}
.welcome-teases{min-width:0}.welcome-teases h2{margin:2px 0 7px;font-size:15px;line-height:1.25}.welcome-teases ul,.welcome-benefits ul{list-style:none;margin:0;padding:0}.welcome-teases li{position:relative;margin:7px 0;padding-left:14px;color:#f2f4ff;font-size:12px;font-weight:750;line-height:1.3}.welcome-teases li::before{position:absolute;left:0;top:.4em;width:7px;height:7px;border-radius:50%;background:var(--welcome-pink);content:""}.welcome-preview-caption{grid-column:1/-1;margin:0 2px;color:#c5d2e7;font-size:12px}
.welcome-playback-status{min-height:18px;margin:8px 2px 0;color:#b9c9e3;font-size:12px;text-align:center}.welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:7px}.welcome-actions button{min-height:48px;padding:10px 12px;border-radius:13px;color:white;font-size:13px;font-weight:850}.welcome-watch{border:0;background:linear-gradient(100deg,#e8348e,#ec4fa4);box-shadow:0 7px 16px #e8348e35}.welcome-personalize{border:1px solid #a984ec;background:#342469}
.welcome-benefits{margin-top:18px;padding:14px 15px;border:1px solid #4b6ca5;border-radius:16px;background:#101e43}.welcome-benefits h2{margin:0 0 9px;font-size:20px;line-height:1.2}.welcome-benefits li{position:relative;margin:8px 0;padding-left:25px;color:#f2f4ff;font-size:13px;line-height:1.35}.welcome-benefits li::before{position:absolute;left:0;top:0;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--welcome-pink);color:white;font-size:13px;font-weight:900;content:"✓"}.welcome-continue-muted{display:block;margin:10px auto 0;padding:8px 12px;border:1px solid #6881ae;border-radius:10px;background:#14284e;color:white;font-size:13px}.welcome-skip{display:block;margin:12px auto 0;min-height:38px;padding:8px 14px;border:0;background:transparent;color:#d3def0;text-decoration:underline;text-underline-offset:3px;font-size:12px}
.welcome-info-button{min-width:42px;min-height:42px;padding:7px 10px;border:1px solid #34475f;border-radius:12px;background:#111b2a;color:#dce8f4;font-size:13px;font-weight:700}.header-actions{gap:8px}
@media(max-width:430px){header.mobile-header{gap:8px;padding-left:12px;padding-right:12px}.mobile-header .brand-icon{width:34px;height:34px}.header-actions{gap:6px}.nav-personalize{padding-left:9px;padding-right:9px;font-size:13px}.welcome-info-button{width:42px;min-width:42px;padding:0;font-size:0}.welcome-info-button::before{content:"ⓘ";font-size:19px}dialog.first-visit-welcome{width:100vw;height:100dvh;border:0;border-radius:0}.welcome-shell{padding-left:17px;padding-right:17px}.welcome-preview-card{grid-template-columns:minmax(105px,.88fr) minmax(0,1.12fr);gap:10px;padding:9px}.welcome-teases li{font-size:11.5px}.welcome-actions{grid-template-columns:1fr}.welcome-actions button{min-height:46px}.welcome-benefits{margin-top:13px;padding:12px 13px}.welcome-benefits li{font-size:12px}}
@media(prefers-reduced-motion:no-preference){dialog.first-visit-welcome[open]{animation:welcome-in .2s ease-out}@keyframes welcome-in{from{transform:translateY(16px);opacity:.75}to{transform:translateY(0);opacity:1}}}

@media(max-width:370px){header.mobile-header{flex-wrap:wrap}.header-actions{margin-left:auto}}