@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0d1013;--lime:#d7f873;--muted:#959b9f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f6f0;font-family:'DM Sans',sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{height:90px;padding:0 5%;display:flex;align-items:center;gap:42px;background:#0c1013}.brand{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:3px;font-size:23px;color:#fff;text-decoration:none}.brand span{color:var(--lime);font-size:13px;vertical-align:top;margin-left:5px}nav{display:flex;gap:28px;height:100%;align-items:center}.nav{border:0;background:none;color:#a4a8aa;font-size:13px;height:100%;position:relative}.nav.active{color:#fff}.nav.active:after{content:'';position:absolute;bottom:20px;left:0;width:20px;height:2px;background:var(--lime)}#count{font-size:10px;background:#282d30;padding:3px 6px;border-radius:4px;margin-left:4px}.search{margin-left:auto;display:flex;gap:10px;align-items:center;color:#adb1b4}.search input{background:none;border:0;color:white;outline:none;width:150px;font-size:12px}.avatar{background:#283329;color:#d7f873;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font-size:12px}.hero{min-height:610px;position:relative;background:url('https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=2400&q=85') center 55%/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,22,.92),rgba(8,17,22,.45) 50%,rgba(8,17,22,.08)),linear-gradient(0deg,#0d1013,transparent 45%)}.hero-content{position:relative;padding:64px 6% 90px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime);font-weight:600}.eyebrow span{color:#b8c1be;margin-left:18px}h1{font-family:Manrope,sans-serif;font-size:clamp(48px,5.5vw,80px);letter-spacing:-4px;font-weight:500;line-height:1.07;margin:26px 0 22px}.meta{color:#cad0d0;font-size:12px;display:flex;gap:13px;align-items:center}.meta i{font-style:normal;color:#7e8789}.badge{border:1px solid #6b7779;padding:2px 4px;font-size:9px}.intro{font-size:13px;color:#bdc6c8;line-height:1.9;margin:22px 0 28px}.actions{display:flex;gap:12px}.actions button{border-radius:4px;padding:15px 22px;font-size:12px;font-weight:700}.primary{background:var(--lime);color:#161d0b;border:1px solid var(--lime)}.secondary{background:#ffffff0c;color:#fff;border:1px solid #ffffff40}.demo{font-size:10px;color:#8e9b9f;margin-top:20px}.hero-bottom{position:absolute;bottom:29px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#a0abac}.hero-bottom em{color:var(--lime);font-style:normal;margin:0 12px}.catalog{padding:35px 6% 65px}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top .eyebrow{font-size:9px;color:#8a9397}h2{font-family:Manrope,sans-serif;font-size:27px;font-weight:500;letter-spacing:-.8px;margin:11px 0 0}#total{color:#7d878c;font-size:11px}.filters{display:flex;gap:9px;margin:28px 0}.filters button{background:transparent;border:1px solid #2c3237;border-radius:30px;color:#a9b0b3;font-size:11px;padding:9px 17px}.filters .selected{color:#11170c;background:var(--lime);border-color:var(--lime)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.poster{aspect-ratio:3/4;position:relative;overflow:hidden;border-radius:6px;background:#243137}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .4s;filter:brightness(.78)}.card:hover img{transform:scale(1.05)}.poster:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#081116e6);pointer-events:none}.poster-title{position:absolute;bottom:23px;left:22px;z-index:1;font-family:Manrope,sans-serif;font-size:30px;line-height:1.05;letter-spacing:-1px;max-width:80%;text-transform:uppercase;font-weight:800}.poster .tag{position:absolute;top:14px;left:14px;z-index:1;background:#10191cb3;padding:5px 7px;font-size:8px;letter-spacing:1px}.save{position:absolute;right:12px;top:12px;border:1px solid #ffffff50;background:#10191c80;color:#fff;width:30px;height:30px;border-radius:50%;z-index:2}.play-card{position:absolute;inset:0;border:0;background:transparent;z-index:1}.play-card:focus-visible{outline:3px solid var(--lime);outline-offset:-4px}.card-info h3{font-size:13px;margin:14px 0 7px;font-weight:500}.card-info p{font-size:10px;color:#7f8a90;margin:0}.card-info p span{float:right;color:#a9b59a}.editorial{margin-top:65px;border-top:1px solid #2a3034;padding:38px 0 0;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:30px;align-items:center}.editorial>span{color:var(--lime);font-size:9px;letter-spacing:2px}.editorial h2{font-size:32px;margin:0}.editorial p{font-size:12px;color:#909b9f;line-height:1.9}footer{border-top:1px solid #242a2e;padding:30px 6%;display:flex;gap:24px;align-items:center}footer .brand{font-size:17px}footer p,footer small{color:#7e898e;font-size:10px}footer small{margin-left:auto}dialog{background:#11191e;color:white;width:min(960px,94vw);padding:30px;border:1px solid #394248;border-radius:10px}dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}dialog h2{margin:0 35px 20px 0}dialog video{width:100%;max-height:65vh;background:#000}dialog p{font-size:12px;color:#abb4b8}#close{position:absolute;right:15px;top:15px;background:none;border:0;color:#fff;font-size:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#142008;padding:12px 22px;border-radius:6px;font-size:13px;z-index:5;display:none}#empty{color:#aab4b8;padding:35px 0}button:hover{filter:brightness(1.12)}@media(max-width:800px){header{gap:20px;height:76px}.brand{font-size:18px}nav{gap:12px}.search{display:none}.avatar{margin-left:auto}.grid{grid-template-columns:repeat(2,1fr);gap:20px 15px}.hero{min-height:570px}h1{letter-spacing:-2px}.editorial{grid-template-columns:1fr}.editorial h2{font-size:28px}footer{flex-wrap:wrap}footer small{margin-left:0;width:100%}.poster-title{font-size:24px}.filters{overflow:auto;white-space:nowrap}.catalog{padding-top:25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.hero-link{display:inline-block;text-decoration:none;border-radius:4px;padding:15px 22px;font-size:12px;font-weight:700}.platforms{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 40px;padding:22px;background:#151d20;border:1px solid #293539;border-radius:8px}.platforms a{color:#d7f873;text-decoration:none;padding:8px 18px;border:1px solid #3a4944;border-radius:5px;font-size:13px}.platforms p{flex-basis:100%;font-size:11px;color:#99a7ab;margin:4px 0}.poster-title{pointer-events:none}.actions [hidden]{display:none}
.hero{background-image:url('anime-night.png');background-position:center 38%;min-height:650px}.hero-shade{background:linear-gradient(90deg,rgba(5,10,30,.88),rgba(5,10,30,.52) 34%,rgba(5,10,30,.04) 65%),linear-gradient(0deg,#0d1013,transparent 26%)}.hero-content{padding-top:76px}.hero .intro{color:#e0e4f3;text-shadow:0 1px 8px #030916}.hero h1{text-shadow:0 3px 24px #02061988}.catalog{background:radial-gradient(ellipse at 100% 0%,#25204555,transparent 50%),#0d1013}@media(max-width:800px){.hero{background-position:62% center;min-height:610px}.hero-shade{background:linear-gradient(90deg,#050a20dd,#050a2070 70%),linear-gradient(0deg,#0d1013,transparent 40%)}.hero-content{padding-top:60px}}
