.login-promo{box-sizing:border-box;width:100%;max-width:650px;margin-top:25px;border:1px solid #555b56;border-radius:16px;background:#1c1e1d;color:#f5f2ec;overflow:hidden;font-family:Inter,system-ui,sans-serif}.login-promo[hidden],.promo-replay[hidden]{display:none!important}
.promo-top,.promo-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.promo-top>span{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#dbc6ba}.promo-top button,.promo-bottom button,.promo-replay{border:1px solid #6a706b;background:#282c29;border-radius:9px;color:#f5f2ec;min-height:44px;padding:9px 13px;cursor:pointer;font:600 13px Inter,system-ui,sans-serif}.promo-bottom button{background:#c36d52;border-color:#c36d52}.promo-top button:focus-visible,.promo-bottom button:focus-visible,.promo-replay:focus-visible{outline:3px solid #eed1bd;outline-offset:3px}.promo-video-wrap video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#1c1e1d}.promo-video-wrap video[hidden],#promo-fallback[hidden]{display:none}.promo-bottom>div{flex:1}.promo-bottom small{display:block;color:#bfc6be;font-size:11px;line-height:1.5}.promo-bottom progress{display:block;width:100%;height:4px;margin-top:8px;accent-color:#c36d52}.promo-replay{margin-top:20px}#promo-fallback{padding:20px;text-align:center;line-height:1.6}#promo-fallback h2{font-size:24px}.welcome .intro{margin:25px 0 0}.welcome .feature-list{margin-top:24px}.welcome .intro h1{font-size:clamp(36px,4vw,56px)}
@media(max-width:760px){.login-promo{max-width:560px}.promo-top,.promo-bottom{padding:10px}.promo-bottom{flex-wrap:wrap}.welcome .intro{margin:24px 0 20px}}
.intro:has(.login-promo:not([hidden])) .feature-list{display:none}.access-shell:has(.login-promo:not([hidden])){padding-top:32px;padding-bottom:32px}.welcome:has(.login-promo:not([hidden])) .brand-symbol{font-size:96px}.welcome:has(.login-promo:not([hidden])) .intro h1{font-size:clamp(34px,3.5vw,48px)}.welcome:has(.login-promo:not([hidden])) .intro>p{font-size:16px;margin:12px 0}.login-promo{max-width:560px}@media(max-width:760px){.welcome:has(.login-promo:not([hidden])) .brand-symbol{font-size:68px}}