:root{--bg:#090b12;--text:#f3f6ff;--muted:#9ba5bb;--line:rgba(255,255,255,.11);--teal:#55e2d3;--violet:#a886ff;--red:#f35769}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;overflow-x:hidden}.portal-shell{position:relative;min-height:calc(100vh - 74px);padding:28px max(24px,calc((100vw - 1240px)/2));overflow:hidden;background:radial-gradient(circle at 8% 88%,rgba(66,229,211,.14),transparent 26rem),radial-gradient(circle at 87% 22%,rgba(168,134,255,.16),transparent 28rem),linear-gradient(135deg,#080a11,#0b0f1a 52%,#100b1d)}.portal-header,.portal-hero,.wrapped-season{position:relative;max-width:1240px;margin-inline:auto}.portal-header{display:flex;align-items:center;justify-content:space-between}.portal-logo{color:#f05064;text-decoration:none;font:clamp(2.2rem,4vw,3.4rem)/1 "Bebas Neue",sans-serif;letter-spacing:.06em}.portal-login,.wrapped-cta{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;border-radius:999px;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.1em;transition:.22s}.portal-login-compact{padding:.75rem 1rem;color:#e8edfa;border:1px solid var(--line);background:#ffffff08}.portal-login-compact:hover{border-color:var(--teal);background:#55e2d314}.portal-hero{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(360px,1.35fr) minmax(260px,.72fr);align-items:center;gap:clamp(2rem,5vw,5.5rem);min-height:clamp(550px,70vh,760px)}.hero-orbit{width:min(100%,300px);aspect-ratio:1;justify-self:center;display:grid;place-items:center;border:1px solid rgba(85,226,211,.3);border-radius:50%;background:radial-gradient(circle,#111827 0 18%,transparent 19% 29%,rgba(85,226,211,.13) 30% 44%,transparent 45% 51%,rgba(168,134,255,.17) 52% 68%,transparent 69%);box-shadow:0 0 92px rgba(85,226,211,.14)}.hero-orbit span{color:#ffc672;font-size:.78rem;letter-spacing:.17em;font-weight:800}.portal-kicker{margin:0 0 .75rem;color:var(--teal);font-size:.72rem;font-weight:800;letter-spacing:.16em}.portal-copy h1,.wrapped-season h2{margin:0;font-family:"Space Grotesk",sans-serif;letter-spacing:-.065em}.portal-copy h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.94}.portal-copy h1 em{font-style:normal;background:linear-gradient(100deg,var(--teal),var(--violet));background-clip:text;-webkit-background-clip:text;color:transparent}.portal-tagline{max-width:485px;margin:1.5rem 0 2rem;color:#c9d0e2;font-size:clamp(1.05rem,1.7vw,1.24rem);line-height:1.55}.portal-login-primary{padding:1rem 1.25rem;color:#08131a;background:linear-gradient(100deg,var(--teal),#93ece0);box-shadow:0 15px 35px rgba(85,226,211,.18)}.portal-login-primary:hover{transform:translateY(-2px)}.live-panel{padding:1.35rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(31,37,58,.88),rgba(11,14,25,.86));box-shadow:0 18px 50px rgba(0,0,0,.25)}.live-panel-label{margin:0 0 1.2rem;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.13em}.server-state{display:flex;align-items:center;gap:.6rem;font-size:.82rem;font-weight:800;letter-spacing:.08em}.state-dot{width:.58rem;height:.58rem;border-radius:50%;background:#aab2c2}.is-online .state-dot{background:#57e389;box-shadow:0 0 13px #57e389}.is-offline .state-dot{background:#fa6673;box-shadow:0 0 13px #fa6673}.stream-state{display:flex;align-items:baseline;gap:.5rem;margin:1.35rem 0 .65rem}.stream-state strong{font:clamp(2.7rem,4vw,4rem)/1 "Space Grotesk",sans-serif;letter-spacing:-.08em}.stream-state span:last-child{color:#dce2ef;font-size:.72rem;font-weight:800;letter-spacing:.08em}.stream-signal{width:.52rem;height:.52rem;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red)}.privacy-note{margin:0;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.78rem;line-height:1.5}.wrapped-season{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:clamp(1.5rem,3vw,2.3rem);border:1px solid rgba(85,226,211,.24);border-radius:24px;background:linear-gradient(100deg,rgba(85,226,211,.09),rgba(168,134,255,.12));box-shadow:0 22px 65px rgba(0,0,0,.17)}.wrapped-season h2{font-size:clamp(1.55rem,3vw,2.5rem)}.wrapped-season p:not(.portal-kicker){margin:.55rem 0 0;color:#c5ccdd}.wrapped-cta{flex:none;padding:1rem 1.15rem;color:#0a1019;background:#f2f5ff}.wrapped-cta:hover{transform:translateY(-2px)}.wrapped-season.is-unavailable{filter:saturate(.45);border-color:var(--line)}.wrapped-season.is-unavailable .wrapped-cta{pointer-events:none;color:#8b95ac;background:#ffffff0c;border:1px solid var(--line)}.portal-footer{display:flex;justify-content:space-between;gap:1rem;width:min(1240px,calc(100% - 48px));margin:auto;padding:1.25rem 0;color:#8791a9;font-size:.8rem}.portal-footer span:first-child{color:#edf1fc;font-weight:700}@media(max-width:900px){.portal-hero{grid-template-columns:1fr 1fr;min-height:auto;padding:5.5rem 0}.hero-orbit{order:2;width:min(70%,280px)}.portal-copy{grid-column:1/-1;order:1;text-align:center}.portal-tagline{margin-inline:auto}.live-panel{order:3}.portal-login-primary{margin:auto}.wrapped-season{margin-bottom:1rem}}@media(max-width:620px){.portal-shell{padding-inline:18px}.portal-login-compact{font-size:.65rem;padding:.65rem .75rem}.portal-hero{grid-template-columns:1fr;gap:2rem;padding:4rem 0}.hero-orbit{order:1;width:min(64vw,260px)}.portal-copy{grid-column:auto;order:2}.live-panel{order:3}.wrapped-season{align-items:flex-start;flex-direction:column;gap:1.2rem}.wrapped-cta{width:100%}.portal-footer{width:calc(100% - 36px);flex-direction:column}.portal-footer span:last-child{display:none}}.auth-form{display:grid;gap:.75rem;max-width:430px}.auth-form label{font-size:.82rem;font-weight:700;color:#dce2ef}.auth-form input{width:100%;padding:1rem;border:1px solid var(--line);border-radius:13px;background:#070b14;color:var(--text);font:inherit}.auth-form input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px rgba(85,226,211,.12)}.auth-form button{border:0;cursor:pointer;justify-self:start}.auth-message{max-width:430px;padding:.8rem 1rem;border:1px solid rgba(243,87,105,.35);border-radius:12px;background:rgba(243,87,105,.1);color:#ffd0d6}form{margin:0}button{font-family:inherit}