*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#090b10;color:#f7f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.site-header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid #222733;background:rgba(9,11,16,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{font-weight:900;letter-spacing:.08em;text-decoration:none;color:#fff}.brand span{color:#ff334f}.site-header nav{display:flex;align-items:center;gap:22px}.site-header nav a{color:#d7d8dc;text-decoration:none}.nav-btn,.primary-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:#ff334f;color:white!important;text-decoration:none;font-weight:800;padding:12px 18px;cursor:pointer}.welcome{font-size:.9rem;color:#a8acb7}.hero{min-height:520px;display:flex;align-items:flex-end;position:relative;padding:clamp(36px,7vw,92px);background:radial-gradient(circle at 68% 30%,#472034 0%,#17111a 28%,#090b10 70%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,16,.18),rgba(9,11,16,.7))}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow{font-size:.76rem;font-weight:900;letter-spacing:.18em;color:#ff6c80}.hero h1,.auth-card h1,.watch-top h1{font-size:clamp(2.3rem,6vw,5rem);line-height:.95;margin:.5rem 0 1rem}.hero p{font-size:1.1rem;color:#c8cad1;max-width:630px;line-height:1.65;margin-bottom:28px}.section{padding:64px clamp(20px,5vw,72px);max-width:1280px;margin:auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:2rem;margin:.35rem 0 0}.free-pill{background:#183f2a;color:#7ceaa7;border:1px solid #2f7049;padding:7px 10px;border-radius:999px;font-weight:900;font-size:.78rem}.show-card{display:grid;grid-template-columns:minmax(240px,1fr) 1.15fr;background:#11141b;border:1px solid #252a35;border-radius:16px;overflow:hidden}.show-art{min-height:290px;background:radial-gradient(circle at 50% 50%,#ff334f 0 10%,#4f1520 11% 32%,#11141b 66%);display:grid;place-items:center}.play-mark{width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.95);color:#111;display:grid;place-items:center;font-size:1.4rem;padding-left:4px}.show-info{padding:42px}.show-info h3{font-size:2rem;margin:.5rem 0 1rem}.show-info p,.muted{color:#aeb2bc;line-height:1.6}.auth-wrap{min-height:calc(100vh - 130px);display:grid;place-items:center;padding:40px 20px}.auth-card{width:min(480px,100%);background:#11141b;border:1px solid #252a35;border-radius:16px;padding:34px}.auth-card h1{font-size:2.4rem}.auth-card form{display:grid;gap:16px;margin-top:24px}.auth-card label{display:grid;gap:7px;font-weight:700;font-size:.9rem}.auth-card input{width:100%;border:1px solid #333947;background:#0b0e14;color:#fff;border-radius:9px;padding:13px 14px;font-size:1rem;outline:none}.auth-card input:focus{border-color:#ff526b}.full{width:100%;margin-top:4px}.alert{background:#3c1620;border:1px solid #7d2d3d;color:#ffd1d8;padding:12px 14px;border-radius:9px;margin:18px 0}.auth-link{text-align:center;color:#9fa4af}.auth-link a{color:#fff}.watch-shell{max-width:1400px;margin:auto;padding:38px clamp(16px,4vw,60px) 64px}.watch-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.watch-top h1{font-size:clamp(1.8rem,4vw,3.6rem);margin-bottom:0}.back-link{color:#c9ccd4;text-decoration:none}.player-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden;border:1px solid #252a35;box-shadow:0 30px 90px rgba(0,0,0,.38)}.player-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.watch-note{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;padding:14px 16px;border:1px solid #242a35;background:#10131a;border-radius:10px;color:#b7bbc5}.site-footer{padding:28px clamp(20px,5vw,72px);border-top:1px solid #20242d;color:#7e8490;font-size:.88rem}@media(max-width:760px){.site-header{height:auto;padding-top:16px;padding-bottom:16px;align-items:flex-start}.site-header nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}.show-card{grid-template-columns:1fr}.show-info{padding:28px}.watch-top{align-items:flex-start;flex-direction:column}.hero{min-height:470px}.welcome{display:none}}