:root{--bg: #08090c;--panel: #12151b;--panel-2: #181c24;--text: #f6f1e8;--muted: #aeb6c2;--line: rgba(255, 255, 255, .12);--accent: #e44235;--accent-2: #21a67a;--gold: #f4b740}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.status-screen{align-items:center;display:grid;min-height:100vh;place-content:center;text-align:center}.status-screen button{background:var(--accent);border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:800;justify-self:center;padding:12px 18px}.login-page{background:radial-gradient(circle at 78% 48%,rgba(0,235,170,.2),transparent 28%),linear-gradient(120deg,#081724,#070915 52%,#041111);display:grid;grid-template-columns:minmax(420px,1fr) minmax(520px,1.35fr);min-height:100vh;overflow:hidden}.poster-wall{background:#050713;min-height:100vh;overflow:hidden;padding:32px 7vw 48px 6vw;position:relative}.poster-wall:after{background:linear-gradient(180deg,transparent 45%,rgba(5,7,19,.98));content:"";inset:0;position:absolute}.login-logo{color:#fff;font-size:31px;font-weight:900;left:7vw;position:relative;z-index:2}.login-logo span{color:#00f0a8}.poster-grid{display:grid;gap:22px;grid-template-columns:repeat(3,minmax(150px,1fr));left:-26px;position:absolute;right:-70px;top:72px;transform:rotate(8deg)}.poster{aspect-ratio:2 / 3;border-radius:7px;box-shadow:0 24px 38px #0000008c;height:100%;object-fit:cover;width:100%}.poster-2,.poster-5{transform:translateY(42px)}.poster-3,.poster-6{transform:translateY(88px)}.poster-wall p{bottom:72px;color:#fff;font-size:29px;font-weight:900;left:7vw;line-height:1.45;max-width:360px;position:absolute;z-index:2}.login-panel{align-items:center;display:flex;min-height:100vh;padding:48px 8vw}.login-form{max-width:680px;width:100%}.login-form h1{color:#fff;font-size:clamp(44px,5vw,64px);line-height:1.08;margin-bottom:62px}.login-form label{color:#fff;display:grid;font-size:20px;font-weight:800;gap:12px;margin-bottom:24px}.login-form input{background:#070713;border:2px solid #00f0a8;border-radius:5px;color:#fff;font-size:17px;height:61px;outline:0;padding:0 20px;width:100%}.login-form input:focus{box-shadow:0 0 0 4px #00f0a82e}.password-field{display:grid;grid-template-columns:1fr 84px}.password-field input{border-color:#697082;border-radius:5px 0 0 5px}.password-field button{background:#3b3a47;border:2px solid #697082;border-left:0;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-weight:900}.login-link,.signup-block a,.signup-block button{color:#00f0a8;font-size:20px;font-weight:900}.signup-block button{background:transparent;border:0;cursor:pointer;justify-self:start;padding:0}.login-submit{background:#00f0a8;border:0;border-radius:5px;color:#041111;cursor:pointer;font-size:18px;font-weight:900;margin:22px 0 34px;min-width:144px;padding:18px 28px}.login-submit:disabled{cursor:wait;opacity:.65}.signup-block{display:grid;gap:10px}.signup-block span{color:#ffffff94;font-size:19px;font-weight:900}.login-error{color:#ff867d;font-weight:800;margin:16px 0 0}.terms-copy{color:#ffffff80;font-size:18px;font-weight:800;line-height:1.55;max-width:620px}.mail-notice{background:#00f0a81a;border:1px solid rgba(0,240,168,.65);border-radius:8px;margin:22px 0 30px;max-width:620px;padding:18px}.mail-notice strong{color:#80ffd6;display:block;font-size:19px;margin-bottom:8px}.mail-notice p{color:#d7dde5;line-height:1.5;margin-bottom:16px}.mail-notice button{background:#00f0a8;border:0;border-radius:5px;color:#041111;cursor:pointer;font-weight:900;padding:13px 16px}.plans-page{background:linear-gradient(180deg,#0608112e,#050713 76%),linear-gradient(90deg,#050713f5,#050713b8 46%,#003d328c),url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba?auto=format&fit=crop&w=1800&q=80);background-position:center;background-size:cover;min-height:100vh;padding:0 5vw 72px}.plans-header{align-items:center;display:flex;justify-content:space-between;padding:20px 0 42px}.plans-header .login-logo{left:0}.plans-header button{background:#ffffff0d;border:2px solid white;border-radius:5px;color:#fff;cursor:pointer;font-weight:900;padding:10px 18px}.plans-hero{text-align:center}.plans-hero h1{font-size:clamp(42px,5vw,60px);line-height:1.1;margin:18px auto 48px;max-width:920px}.plan-grid{display:grid;gap:22px;grid-template-columns:repeat(2,minmax(290px,400px));justify-content:center}.plan-card{background:#0d0e1cf0;border:4px solid #626979;border-radius:8px;display:grid;min-height:490px;padding:42px 40px;text-align:left}.plan-card.featured-plan{border-color:#00f0a8}.saving-pill{align-self:start;background:#fff;border-radius:999px;color:#050713;display:inline-flex;font-size:17px;font-weight:900;justify-self:start;padding:5px 15px}.plan-card h2{align-self:end;font-size:42px;line-height:1.15;margin-bottom:18px}.plan-card strong{display:block;font-size:42px;line-height:1.1;margin-bottom:18px}.plan-card small,.plan-card p,.tax-note{color:#ffffff94}.plan-card p{font-size:20px;font-weight:900}.plan-card button{align-self:end;background:#00f0a8;border:0;border-radius:5px;color:#041111;cursor:pointer;font-size:19px;font-weight:900;padding:18px;width:100%}.tax-note{font-size:18px;font-weight:900;margin-top:18px}.logout-button{background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--muted);cursor:pointer;font-size:13px;font-weight:800;padding:7px 10px}.topbar{align-items:center;background:#08090ce0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;gap:24px;left:0;padding:16px 32px;position:sticky;right:0;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.profile,nav{align-items:center;display:flex}.brand{gap:10px;font-weight:800}.brand-mark{align-items:center;background:var(--accent);border-radius:6px;display:inline-flex;height:30px;justify-content:center;width:30px}nav{gap:22px;color:var(--muted);font-size:14px}nav a:hover{color:var(--text)}.profile{gap:12px;justify-content:flex-end;font-size:13px}.profile span{border:1px solid rgba(33,166,122,.5);border-radius:999px;color:#8ce0bf;padding:6px 10px}.hero{align-items:center;background-position:center;background-size:cover;display:flex;min-height:620px;padding:96px 7vw 80px}.hero-copy{max-width:700px}.eyebrow{color:#8ce0bf;display:inline-block;font-size:12px;font-weight:800;letter-spacing:0;margin-bottom:12px;text-transform:uppercase}h1,h2,p{margin-top:0}h1{font-size:clamp(48px,7vw,92px);line-height:.95;margin-bottom:20px}h2{font-size:26px;margin-bottom:10px}.hero p{color:#d7dde5;font-size:19px;line-height:1.6;max-width:620px}.meta,.actions,.segments{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.meta span{background:#ffffff1a;border:1px solid var(--line);border-radius:999px;color:#e9edf3;padding:7px 12px}.actions{margin-top:28px}.actions button,.primary-action,.comment-form button,.segments button{border:0;border-radius:8px;cursor:pointer;font-weight:800}.primary-action,.actions button,.comment-form button{padding:13px 18px}.primary-action{background:var(--text);color:#090a0d}.actions button,.comment-form button{background:#ffffff1f;color:var(--text)}.player-band,.community{display:grid;gap:24px;grid-template-columns:minmax(0,1.8fr) minmax(300px,.7fr);padding:34px 7vw}.player-shell{aspect-ratio:16 / 9;background:#000;border:1px solid var(--line);border-radius:8px;overflow:hidden}.player-shell iframe{border:0;height:100%;width:100%}.watch-panel,.rating-box,.comments-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:22px}.watch-panel p,.rating-box p,.empty-state,.comment p{color:var(--muted);line-height:1.55}.progress-meter,.card-progress{background:#ffffff24;overflow:hidden}.progress-meter{border-radius:999px;height:8px;margin:24px 0 12px}.progress-meter span,.card-progress span{background:var(--accent);display:block;height:100%}.content-band{padding:26px 7vw}.section-heading{align-items:flex-end;display:flex;justify-content:space-between;gap:22px;margin-bottom:18px}.segments button{background:var(--panel-2);border:1px solid var(--line);color:var(--muted);padding:9px 12px}.segments button.active{background:var(--accent);color:#fff}.rail{display:grid;gap:16px;grid-auto-columns:minmax(250px,1fr);grid-auto-flow:column;overflow-x:auto;padding-bottom:8px;scrollbar-color:var(--accent) transparent}.video-card{aspect-ratio:16 / 10;background:var(--panel);border:1px solid transparent;border-radius:8px;color:var(--text);cursor:pointer;min-width:250px;overflow:hidden;padding:0;position:relative;text-align:left}.video-card.selected{border-color:var(--accent)}.video-card img{height:100%;object-fit:cover;transition:transform .16s ease;width:100%}.video-card:hover img{transform:scale(1.04)}.video-gradient{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.88));inset:0;position:absolute}.play-mark{align-items:center;background:#f6f1e8f2;border-radius:999px;color:#111318;display:inline-flex;height:38px;justify-content:center;left:14px;position:absolute;top:14px;width:38px}.video-info{bottom:16px;display:grid;gap:4px;left:16px;position:absolute;right:16px}.video-info small{color:#cdd3dc}.card-progress{bottom:0;height:4px;left:0;position:absolute;right:0}.community{align-items:start;grid-template-columns:minmax(260px,.6fr) minmax(0,1.4fr);padding-bottom:70px}.stars{display:flex;gap:4px;margin:12px 0}.stars button{background:transparent;border:0;color:#626a76;cursor:pointer;font-size:31px;line-height:1;padding:0}.stars button.filled{color:var(--gold)}.comment-form{display:grid;gap:12px;grid-template-columns:1fr auto;margin-bottom:18px}.comment-form textarea{background:#0d1016;border:1px solid var(--line);border-radius:8px;color:var(--text);min-height:82px;padding:12px;resize:vertical}.comment-list{display:grid;gap:12px}.comment{background:var(--panel-2);border:1px solid var(--line);border-radius:8px;padding:16px}.comment div{align-items:center;display:flex;gap:12px;margin-bottom:8px}.comment span{color:var(--muted);font-size:13px}@media(max-width:920px){.login-page{grid-template-columns:1fr}.poster-wall{min-height:320px}.poster-grid{grid-template-columns:repeat(6,150px);right:auto;width:1050px}.poster-wall p{bottom:24px;font-size:24px}.login-panel{min-height:auto;padding:56px 7vw}.login-form h1{margin-bottom:38px}.plan-grid{grid-template-columns:1fr}.plans-page{padding-left:22px;padding-right:22px}.topbar,.player-band,.community{grid-template-columns:1fr}nav,.profile{justify-content:flex-start}.hero{min-height:560px;padding-top:72px}.section-heading{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.login-page{background:linear-gradient(150deg,#081724,#070915 48%,#04221c)}.poster-wall{min-height:260px;padding-left:22px}.login-logo,.poster-wall p{left:22px}.poster-wall p{font-size:21px;max-width:280px}.login-panel{padding:42px 22px}.login-form h1{font-size:40px}.plans-header{align-items:flex-start;gap:18px}.plans-hero h1{font-size:38px}.plan-card{min-height:390px;padding:28px}.plan-card h2,.plan-card strong{font-size:34px}.password-field{grid-template-columns:1fr 68px}.topbar,.hero,.content-band,.player-band,.community{padding-left:18px;padding-right:18px}.topbar{position:relative}nav{flex-wrap:wrap;gap:14px}h1{font-size:46px}.hero p{font-size:16px}.rail{grid-auto-columns:minmax(220px,78vw)}.comment-form{grid-template-columns:1fr}}