:root{--bg:#080e14;--panel:#101923;--muted:#8793a2;--text:#edf3f5;--accent:#c6f06e;--border:#26313b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0b1219;border-right:1px solid var(--border);padding:32px 20px;display:flex;flex-direction:column}.logo{font-size:30px;font-weight:900;letter-spacing:-2px;margin:0 0 66px 12px}.logo .mark{color:var(--accent);font-size:21px}.logo small{display:block;font-size:9px;letter-spacing:4px;color:#a7b0bb;margin-top:-5px}.side-label,.overline{color:#9caaae;font-size:10px;font-weight:800;letter-spacing:2.2px}.side-label{margin:0 12px 15px}.sidebar nav{display:grid;gap:8px;margin-bottom:36px}.sidebar nav a{padding:12px 14px;border-radius:10px;color:#b8c3ca;display:flex;gap:14px}.sidebar nav a.active,.sidebar nav a:hover{background:#202d30;color:var(--accent)}.side-cats{display:grid;gap:12px;padding:0 12px}.side-cats a{color:#a9b5bc;font-size:13px}.side-bottom{margin-top:auto;background:#1a292a;border:1px solid #345044;padding:16px;border-radius:12px}.side-bottom strong{color:var(--accent)}.side-bottom p{font-size:12px;color:#a8b6b7;margin:6px 0 0}.main{min-width:0}header{height:84px;display:flex;align-items:center;gap:24px;padding:0 4.5%;border-bottom:1px solid var(--border)}.crumb{font-size:11px;letter-spacing:2px;color:#bdc8c8;white-space:nowrap}.crumb span{color:var(--accent);margin:0 8px}.search{margin-left:auto;display:flex;background:#151f28;border:1px solid #30404a;border-radius:40px;padding:4px 5px 4px 19px;width:min(360px,40vw)}.search input{background:none;border:0;outline:none;color:white;min-width:0;flex:1;font-size:13px}.search button{border:0;border-radius:50%;background:var(--accent);width:33px;height:33px;font-size:23px;cursor:pointer}.preview-tag{border:1px solid #3b5150;border-radius:5px;padding:7px 10px;color:var(--accent);font-size:9px;letter-spacing:1px;white-space:nowrap}.menu{display:none}main{padding:35px 4.5%}.hero{min-height:390px;background:linear-gradient(115deg,#15232b 0%,#182f32 55%,#244b43 100%);border:1px solid #3a5552;border-radius:20px;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden}.hero-copy{padding:55px 0 55px 55px;position:relative;z-index:1}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#b8dfaa}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:8px}.hero h1{font-size:clamp(36px,4.5vw,68px);line-height:1.05;letter-spacing:-3px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{max-width:440px;color:#b7c6c5;font-size:14px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{padding:12px 19px;border-radius:8px;font-size:12px;font-weight:800}.primary{background:var(--accent);color:#122018}.ghost{border:1px solid #719085}.hero-visual{position:relative;display:grid;place-items:center;min-height:300px}.orb{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ddf8aa,#668c74 37%,#274b48 65%,transparent 70%);filter:blur(2px);right:-80px;top:-70px;opacity:.75}.poster{position:relative;width:245px;height:290px;background:linear-gradient(145deg,#2e4b4e,#0a1d28 75%);border:1px solid #91b9a2;box-shadow:22px 25px 0 #132d32,0 25px 60px #0007;border-radius:8px;transform:rotate(6deg);display:flex;flex-direction:column;justify-content:space-between;padding:25px}.poster-kicker,.poster-foot{font-size:9px;letter-spacing:2px;color:#c0d4c8}.poster strong{font-size:44px;letter-spacing:-2px;line-height:1;color:var(--accent)}.metrics{display:grid;grid-template-columns:repeat(3,1fr) 1.6fr;gap:12px;margin:16px 0 50px}.metrics>div{background:#121e26;border:1px solid #293943;border-radius:12px;padding:17px 22px;display:flex;align-items:center;gap:15px}.metrics strong{color:var(--accent);font-size:24px}.metrics span{font-size:12px;color:#c3cdd1}.metrics-highlight{justify-content:space-between;color:var(--accent);font-weight:700;font-size:13px}.section{margin:30px 0 55px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-title h2{font-size:29px;letter-spacing:-1px;margin:4px 0}.section-title a{color:var(--accent);font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px 17px}.card{min-width:0}.thumb{height:auto;aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:12px;border:1px solid #46535b;display:flex;align-items:center;justify-content:center}.thumb:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#07101880)}.thumb-art{font-size:70px;font-weight:900;color:#ffffff22;letter-spacing:-5px}.play{position:absolute;z-index:1;background:#06131aaf;border:1px solid #ffffff55;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font-size:13px;padding-left:3px}.duration{position:absolute;bottom:10px;right:10px;z-index:1;background:#06131ae8;border-radius:5px;padding:3px 7px;font-size:10px}.card-title{font-weight:750;font-size:14px;margin-top:11px}.card-meta{font-size:11px;color:var(--muted);margin-top:3px}.heading{margin:28px 0 36px}.heading h1{font-size:clamp(36px,5vw,62px);letter-spacing:-2px;margin:8px 0}.heading p,.sub{color:var(--muted)}.accent{color:var(--accent)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category{min-height:150px;background:linear-gradient(145deg,#1b2b33,#0e1a23);border:1px solid #3b4b53;border-radius:13px;padding:19px;display:flex;flex-direction:column;justify-content:space-between}.category span{font-size:11px;color:var(--accent)}.category strong{font-size:22px}.category b{align-self:end;color:var(--accent)}.player{aspect-ratio:16/7;max-height:570px;background:linear-gradient(130deg,#14262d,#203d42);border:1px solid #4c6965;border-radius:15px;display:grid;place-items:center}.player-inner{text-align:center;color:#b4c4c7}.player-inner span{display:block;font-size:55px;color:var(--accent)}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid var(--border);color:#81929c;font-size:11px}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}.preview-tag{display:none}.hero-copy{padding:45px 0 45px 35px}}@media(max-width:800px){.shell{display:block}.sidebar{position:fixed;z-index:10;left:-260px;width:232px;transition:left .2s}.open .sidebar{left:0;box-shadow:0 0 0 100vmax #0009}.menu{display:block;background:none;color:white;border:0;font-size:22px}header{height:68px}.crumb{display:none}.search{width:auto;flex:1}.hero{grid-template-columns:1fr}.hero-copy{padding:32px}.hero-visual{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,1fr)}main{padding:22px 4%}}@media(max-width:480px){.hero h1{letter-spacing:-2px}.grid{gap:20px 11px}.card-title{font-size:12px}.metrics>div{padding:12px}.metrics-highlight{font-size:11px}.category{min-height:120px}.category strong{font-size:17px}footer{display:block}}