@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@300;400;500&display=swap');
:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;--line:#b8c7ff2b;--muted:#9ba7be}*{box-sizing:border-box}body{margin:0;min-width:720px;min-height:100vh;color:#f8f9ff;background:radial-gradient(ellipse at 65% 0,#13245b,transparent 38%),radial-gradient(ellipse at 20% 50%,#382038,transparent 38%),linear-gradient(145deg,#04060e,#080d1d 65%,#0a1934);overflow-x:hidden}.aurora{position:fixed;inset:0;pointer-events:none;background:linear-gradient(173deg,transparent 15%,#546cff22 15.15%,transparent 15.4%),linear-gradient(187deg,transparent 24%,#bd65ff1f 24.15%,transparent 24.4%)}button{font:inherit;color:inherit;cursor:pointer}.glass{background:linear-gradient(135deg,#29365491,#080d1dae);border:1px solid var(--line);box-shadow:inset 0 1px #fff1,0 20px 55px #0005;backdrop-filter:blur(22px)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}.fill{fill:currentColor;stroke:none}.shell{position:relative;width:min(1580px,96vw);margin:auto;padding:18px 0 130px}.top{height:74px;border-radius:25px;padding:0 18px 0 24px;display:grid;grid-template-columns:210px 1fr 210px;align-items:center;position:sticky;top:12px;z-index:20}.brand{display:flex;align-items:center}.brand img{display:block;width:128px;height:auto;max-height:48px;object-fit:contain;filter:drop-shadow(0 0 11px #ff2ca055)}.top nav{display:flex;justify-content:center}.nav{padding:11px 18px;border:0;border-radius:18px;background:transparent;color:#cbd0df;white-space:nowrap}.nav:hover,.nav:focus,.nav.active{outline:0;color:#fff;background:linear-gradient(135deg,#4b8cea99,#7654df77);box-shadow:inset 0 0 0 1px #83b8ff88,0 0 22px #596bff55}.tools{display:flex;justify-content:flex-end;gap:8px}.tools button{display:grid;place-content:center;width:42px;height:42px;border:1px solid #fff1;border-radius:50%;background:#18244099}.tools .profile{background:linear-gradient(145deg,#31598e,#192945)}.welcome{display:flex;justify-content:space-between;align-items:end;padding:28px 10px 20px}.welcome small,.hero label{font-size:10px;letter-spacing:3px;color:#91a8db}.welcome h1{font:400 clamp(25px,3vw,40px) 'Space Grotesk';margin:6px 0}.welcome h1 span{color:#b8caff}.info{display:flex;gap:22px;align-items:center;min-width:260px;padding:10px 21px;border-radius:21px}.info>div{display:grid}.info b{font:400 24px 'Space Grotesk'}.info small{font-size:8px;letter-spacing:1px;color:var(--muted)}.info>i{width:1px;height:34px;background:var(--line)}.hero{position:relative;height:420px;border-radius:30px;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050812f5 5%,#05081296 43%,transparent 75%),linear-gradient(0deg,#05081277,transparent 50%)}.scene{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 90%,#b86570,#43325e 31%,#11193a 61%,#070a17)}.planet{position:absolute;width:350px;height:350px;right:10%;top:-5px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f3c1d0,#a86291 36%,#433557 70%,#111324);box-shadow:inset -45px -25px 75px #080a17,0 0 70px #c7679e66}.land{position:absolute;left:30%;right:-5%;bottom:-25px;height:190px;background:linear-gradient(165deg,transparent 43%,#3a243f 44%,#0a1023 75%)}.person{position:absolute;right:31%;bottom:47px;width:21px;height:80px;background:#060812;border-radius:45% 45% 15% 15%;box-shadow:0 18px 18px #000}.person:before{content:"";position:absolute;left:4px;top:-13px;width:13px;height:13px;border-radius:50%;background:#060812}.hero-copy{position:relative;z-index:2;width:52%;padding:55px 59px}.hero h2{font:300 clamp(48px,6vw,77px)/.9 'Space Grotesk';letter-spacing:14px;margin:17px 0}.hero h2 small{display:block;margin:12px 0 0 40px;font-size:15px;letter-spacing:8px}.hero-copy>p:not(.meta){max-width:510px;color:#bdc5d5;font-size:13px;line-height:1.65}.meta{font-size:11px}.meta b{color:#68dfa4}.meta em{font-style:normal;border:1px solid #fff4;padding:2px 5px;border-radius:5px}.hero-copy button{height:45px;padding:0 25px;border:1px solid var(--line);border-radius:18px}.hero-copy svg{vertical-align:middle;margin-right:7px;width:14px}.play{background:linear-gradient(135deg,#599df2,#7653d4);box-shadow:0 0 25px #596aff77}.more{margin-left:9px;background:#14192dbb}.dots{position:absolute;z-index:3;bottom:13px;left:50%;color:#ffffff66}.dots b{color:white}.content{margin-top:29px}.content>header{display:flex;justify-content:space-between;align-items:end;padding:0 8px 13px}.content header h2{font:400 19px 'Space Grotesk';margin:0}.content header p{font-size:10px;color:#77839b;margin:5px 0 0}.content header button{border:0;background:none;color:#aab5cc}.rail{display:flex;gap:14px;overflow-x:auto;padding:3px 8px 14px;scrollbar-width:none}.continue,.pick{position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--line);border-radius:19px;background:#17213a;transition:.2s}.continue{flex:0 0 clamp(260px,24vw,355px);height:185px}.continue:before,.pick:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 70% 35%,#dbab79 0 6%,transparent 7%),linear-gradient(140deg,transparent 30%,#101827 31% 45%,transparent 46%),linear-gradient(135deg,#75503a,#17223b 65%,#080b12)}.ocean:before{background:radial-gradient(ellipse at 68% 55%,#6fa9b8 0 7%,transparent 8%),linear-gradient(155deg,#4a8eaa,#123c59 47%,#071225)}.city:before{background:linear-gradient(75deg,#171d29,#78323a 63%,#10131e)}.space:before{background:radial-gradient(circle at 67% 42%,#394d7d,transparent 25%),linear-gradient(135deg,#060914,#15284d)}.neon:before{background:linear-gradient(135deg,#582ba0,#ef416a 45%,#d18d27 72%,#152570)}.forest:before{background:linear-gradient(135deg,#172e28,#604b38 55%,#091618)}.gold:before{background:linear-gradient(135deg,#11151a,#896744 56%,#1b100d)}.continue:after,.pick:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#04070ff2,transparent 75%)}.continue>div{position:absolute;left:17px;right:17px;bottom:13px}.continue h3,.pick h3{font:500 19px 'Space Grotesk';margin:0}.continue p{font-size:11px;margin:3px 0 13px}.continue small,.pick small{font-size:9px;color:#aab2c3}.quality{position:absolute;right:11px;top:11px;padding:3px 5px;border:1px solid #fff3;border-radius:5px;font-size:8px}.progress{display:block;height:3px;margin-top:8px;background:#fff2}.progress b{display:block;height:100%;background:linear-gradient(90deg,#9b78ff,#dff5ff);box-shadow:0 0 7px #88bfff}.mini{display:none;position:absolute;right:14px;bottom:34px;width:36px;height:36px;border:1px solid #fff5;border-radius:50%;background:#ffffff28}.continue:hover,.continue:focus,.pick:hover,.pick:focus{outline:0;transform:translateY(-3px);border-color:#b3d0ff;box-shadow:0 0 0 2px #8ebfff44,0 0 28px #697aff55}.continue:hover .mini,.continue:focus .mini{display:grid;place-content:center}.mini svg{width:12px}.pick{flex:0 0 clamp(210px,19vw,285px);height:123px}.pick>div{position:absolute;left:14px;bottom:13px}.pick h3{font-size:14px;margin-bottom:4px}.dock{position:fixed;z-index:30;left:50%;bottom:17px;transform:translateX(-50%);display:flex;gap:10px;padding:10px 15px;border-radius:27px}.dock button{width:60px;height:50px;border:1px solid #fff1;border-radius:14px;background:#151b30;display:grid;place-content:center;font:600 13px 'Space Grotesk';transition:.2s}.dock button:hover,.dock button:focus{outline:0;transform:translateY(-7px) scale(1.06);box-shadow:0 10px 25px #0008,0 0 18px #7890ff55}.dock small{font-size:8px}.dock .live{background:linear-gradient(145deg,#335c99,#1b2844)}.dock .netflix{color:#ff3040;font-size:24px}.dock .disney{background:#1b2e69}.dock .prime{background:#2375a9}.dock .youtube{background:#df2933}.dock .spotify{background:#0a3a20;color:#45e278;font-size:32px}.dock .twitch{background:#6b40bc;font-size:20px}.dock .plex{color:#f3c33c}.dock svg{margin:auto}.connected{position:fixed;right:19px;bottom:22px;padding:8px 12px;border-radius:14px;font-size:9px;color:#abb6ca}.connected i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;background:#55e299;box-shadow:0 0 8px #55e299}.status,.locked{position:fixed;inset:0;display:grid;place-content:center;text-align:center}.error{color:#ff97a8}.lock{width:min(520px,80vw);padding:60px;border-radius:34px}.lock-logo{display:block;width:245px;height:auto;margin:0 auto 24px;filter:drop-shadow(0 0 18px #ff2ca066)}.lock h1{font:400 36px 'Space Grotesk'}.lock p{color:#adb7ca}.lock code{display:block;padding:12px;border:1px solid var(--line);border-radius:11px;color:#9cadd3}.player{position:fixed;z-index:100;inset:0;background:#000}.player video{width:100%;height:100%;object-fit:contain}.player .back{position:absolute;top:28px;left:28px;width:52px;height:52px;border:1px solid #fff3;border-radius:50%;background:#111727cc;font-size:35px}.player>div{position:absolute;left:35px;bottom:35px;display:grid}.player>div small{font-size:9px;letter-spacing:2px}.player>div b{font-size:24px}.toast{position:fixed;z-index:200;left:50%;bottom:100px;transform:translateX(-50%);padding:14px 21px;border-radius:15px}@media(max-width:1050px){.top{grid-template-columns:150px 1fr 145px}.nav{padding:10px}.hero-copy{width:66%}.dock button{width:51px}.connected{display:none}}@media(max-width:800px){.top{grid-template-columns:auto 1fr auto}.brand img{width:105px}.top nav{overflow:hidden;justify-content:start}.tools button:nth-child(2){display:none}.hero-copy{width:76%;padding:44px 34px}.dock{max-width:96vw;overflow:hidden}.dock button{min-width:49px}}