.marquee-wrap{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgb(51 65 85);background:#111a2ab3;padding:14px 0}.marquee{display:flex;gap:14px;width:-moz-max-content;width:max-content;padding:0 14px;animation:marquee-slide calc(var(--count) * 4.5s) linear infinite}.marquee-wrap:hover .marquee{animation-play-state:paused}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-card{position:relative;flex:0 0 auto;width:260px;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;border:1px solid rgb(51 65 85);background:#020617}.marquee-play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#ffffff29;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:15px;opacity:0;transition:opacity .25s}.marquee-card:hover .marquee-play{opacity:1}.marquee-meta{position:absolute;inset-inline:0;bottom:0;padding:22px 10px 8px;background:linear-gradient(to top,rgb(2 6 23 / .9),transparent)}.marquee-fade{position:absolute;top:0;bottom:0;width:90px;pointer-events:none}.marquee-fade-left{left:0;background:linear-gradient(to right,#0b1220,transparent)}.marquee-fade-right{right:0;background:linear-gradient(to left,#0b1220,transparent)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:#38bdf8;box-shadow:0 0 #38bdf8b3;animation:live-pulse 2s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 #38bdf8b3}70%,to{box-shadow:0 0 0 7px #38bdf800}}.scroll-cue span{animation:cue-bob 1.8s ease-in-out infinite}@keyframes cue-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (prefers-reduced-motion: reduce){.marquee,.live-dot,.scroll-cue span{animation:none}}.welcome-mode{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(71,85,105,.8);background:linear-gradient(145deg,#1e293be0,#0f172ae6);padding:1.25rem;transition:transform .18s ease,border-color .18s ease,background .18s ease}.welcome-mode:after{content:"";position:absolute;inset:auto 0 0;height:3px;opacity:.9}.welcome-mode:hover{transform:translateY(-3px)}.welcome-pink:hover{border-color:#fb7185b3}.welcome-pink:after{background:#fb7185}.welcome-orange:hover{border-color:#fbbf24b3}.welcome-orange:after{background:#fbbf24}.welcome-green:hover{border-color:#34d399b3}.welcome-green:after{background:#34d399}.welcome-icon{display:flex;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;font-weight:900}.bg-dots-darker{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(0,0,0,0.07)'/%3E%3C/svg%3E")}@media (prefers-color-scheme: dark){.dark\:bg-dots-lighter{background-image:url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.22676 0C1.91374 0 2.45351 0.539773 2.45351 1.22676C2.45351 1.91374 1.91374 2.45351 1.22676 2.45351C0.539773 2.45351 0 1.91374 0 1.22676C0 0.539773 0.539773 0 1.22676 0Z' fill='rgba(255,255,255,0.07)'/%3E%3C/svg%3E")}}