*{box-sizing:border-box}body{margin:0;background:#07090d;color:#eef1f5;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:205px;background:#0b0e14;border-right:1px solid #171c25;padding:24px 14px;position:fixed;top:0;bottom:0;overflow:auto}.logo{font-size:22px;font-weight:800;letter-spacing:.5px;margin:0 10px 28px}.logo span,.mobile-logo{color:#ff3038}.sidebar nav a,.cats a{display:block;padding:11px 12px;color:#9299a6;border-radius:9px;margin:2px 0;font-size:14px}.sidebar nav a.active,.sidebar nav a:hover,.cats a:hover{background:#151a22;color:#fff}.sidebar nav a.active{color:#ff3940}.side-title{font-size:11px;color:#737b88;margin:25px 12px 8px}.cats a{font-size:13px}main{margin-left:205px;width:calc(100% - 205px);padding:0 28px 40px}.topbar{height:70px;display:flex;align-items:center;gap:28px}.links{display:flex;gap:25px;font-size:14px;color:#aeb4be}.links .active{color:#ff3940}.search{margin-left:auto;background:#10141b;border:1px solid #222936;border-radius:25px;padding:9px 15px;width:260px;color:#8b94a1}.search input{background:none;border:0;outline:0;color:white;width:220px}.profile{font-size:13px;color:#b7bdc7;white-space:nowrap}.mobile-logo{display:none}.hero{height:335px;border-radius:15px;overflow:hidden;position:relative;background:linear-gradient(90deg,#17232d,#263844 50%,#10151b);display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 45%,#47617255,transparent 35%),linear-gradient(90deg,rgba(7,9,13,.1),rgba(7,9,13,.05) 55%,rgba(7,9,13,.8))}.hero-content{position:relative;z-index:2;padding:42px;max-width:620px}.hero small,.detail-hero small{color:#ff4248;font-weight:700}.hero h1{font:58px Georgia,serif;letter-spacing:4px;margin:8px 0}.meta{color:#c5cad2;font-size:14px}.hero p{line-height:1.55;color:#c6ccd4;max-width:500px}.actions{display:flex;gap:10px}.actions button,.filters button,.btn{border:0;background:#191e27;color:#fff;padding:12px 18px;border-radius:8px;cursor:pointer}.primary{background:#ff3038!important;color:#fff!important}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0 25px}.features div{background:#10141b;border:1px solid #171d27;border-radius:9px;padding:14px;color:#fff}.features b{display:inline-block;margin-left:7px}.features small{display:block;color:#8d95a2;margin:4px 0 0 28px}.section{margin:22px 0}.section-head{display:flex;justify-content:space-between;align-items:center}.section h2{font-size:19px}.section-head a{color:#9da5b1;font-size:13px}.cards{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.card{min-width:0}.poster{height:220px;border-radius:8px;background:linear-gradient(145deg,#293543,#10141b);display:flex;align-items:flex-end;padding:10px;font-weight:800;font-size:17px;box-shadow:0 5px 20px #0005}.poster span{background:#0008;padding:4px 6px;border-radius:4px}.card .name{font-size:13px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating{font-size:12px;color:#ffd52e;margin-top:4px}.muted{color:#87909d}.simple-page{max-width:1200px;margin:auto;padding:35px}.back{color:#ff4046}.simple-page h1{font-size:42px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.filters button.active{background:#ff3038}.cards.large{grid-template-columns:repeat(6,1fr)}.empty{text-align:center;margin:100px auto;padding:50px;background:#10141b;border:1px solid #1c222c;border-radius:15px;max-width:600px;font-size:42px}.empty h2{font-size:22px}.empty p{font-size:14px;color:#8c95a2}.empty .btn{display:inline-block;font-size:14px}.detail-page{min-height:100vh}.detail-hero{height:570px;padding:100px 9%;display:flex;align-items:flex-end;background:linear-gradient(90deg,#101820 0%,#111a2090 55%,#080b0f),radial-gradient(circle at 75% 40%,#486170,#0c1015)}.detail-hero h1{font:64px Georgia,serif;margin:10px 0}.detail-hero p{max-width:600px;color:#b9c1cb;line-height:1.6}.detail-hero button{margin-top:22px;border:0;padding:13px 20px;border-radius:8px}.content{padding:35px 9%}.season{background:#11161e;padding:16px;border-radius:9px;display:flex;justify-content:space-between;max-width:800px}.season span{color:#8e97a4}.episodes{max-width:800px;display:grid;gap:8px;margin-top:12px}.episodes div{padding:16px;background:#0f141b;border:1px solid #1b222c;border-radius:8px}.episodes span{float:right;color:#858e9b}footer{color:#555e6b;text-align:center;margin-top:50px;font-size:12px}@media(max-width:1000px){.sidebar{display:none}main{margin:0;width:100%;padding:0 15px}.topbar{gap:14px}.mobile-logo{display:block;font-weight:800}.links{display:none}.search{width:auto}.cards{grid-template-columns:repeat(4,1fr)}.features{grid-template-columns:repeat(2,1fr)}.cards.large{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.profile{display:none}.hero{height:390px}.hero-content{padding:25px}.hero h1{font-size:42px}.features{grid-template-columns:1fr 1fr}.features small{font-size:10px}.cards,.cards.large{grid-template-columns:repeat(2,1fr)}.poster{height:245px}.detail-hero{height:520px;padding:40px 25px}.detail-hero h1{font-size:43px}.simple-page{padding:25px 18px}}