*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none}
img,svg{display:block;max-width:100%}
input,button{font-family:inherit}:root{
  --bg:#0A0A0F;--surface:#111118;--surface2:#18181f;
  --primary:#7B2FBE;--primary-soft:rgba(123,47,190,0.12);
  --accent:#E5383B;--text:#F0EEF6;--text-muted:#7a7888;--text-sub:#a09eae;
  --score:#FAC775;--border:rgba(255,255,255,0.06);--border-hover:rgba(123,47,190,0.4);
  --netflix:#E50914;--prime:#00A8E0;--max:#4040FF;
  --disney:#1a5ccc;--apple:#888;--globo:#FF5A00;
  --transition:0.2s ease;
}
body{background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.6}
h1,h2,h3,h4,.logo-text,.ft-brand{font-family:'Syne',sans-serif}.page{max-width:1340px;margin:0 auto;padding:0 40px}
.sec{margin-bottom:60px}
.sec-head{display:flex;align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.sec-title{font-size:1rem;font-weight:700;letter-spacing:-.2px}
.sec-count{font-size:.75rem;color:var(--text-muted)}
.sec-link{margin-left:auto;font-size:.75rem;color:var(--primary);font-weight:500}
.sec-link:hover{text-decoration:underline}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border)}
.filter-row{display:flex;align-items:center;gap:8px;margin-bottom:32px;flex-wrap:wrap}
.filter-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-right:4px}
.pill{background:transparent;border:1px solid var(--border);color:var(--text-muted);padding:5px 14px;border-radius:4px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition)}
.pill:hover{border-color:rgba(255,255,255,0.15);color:var(--text)}
.pill.active{border-color:var(--primary);background:var(--primary-soft);color:var(--text)}
.onde-intro{font-size:.82rem;color:var(--text-muted);margin-bottom:20px;max-width:680px;line-height:1.7}
.onde-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}
.onde-card{background:var(--bg);padding:22px 24px;display:flex;align-items:center;gap:16px;transition:background var(--transition);color:inherit}
.onde-card:hover{background:var(--surface)}
.onde-accent{width:3px;height:36px;border-radius:2px;flex-shrink:0}
.onde-name{font-family:'Syne',sans-serif;font-size:.95rem;font-weight:700;margin-bottom:2px}
.onde-desc{font-size:.75rem;color:var(--text-muted)}
.onde-arrow{margin-left:auto;color:var(--text-muted);font-size:.8rem;transition:transform var(--transition)}
.onde-card:hover .onde-arrow{transform:translateX(3px);color:var(--text)}header{position:sticky;top:0;z-index:100;background:rgba(10,10,15,0.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:background var(--transition)}
.hdr{max-width:1340px;margin:0 auto;padding:0 40px;display:flex;align-items:center;gap:32px;height:58px}
.logo-text{font-size:1.1rem;font-weight:800;letter-spacing:-0.5px;white-space:nowrap;display:flex;align-items:center;gap:1px}
.logo-text .bracket{color:var(--text-muted);font-weight:300}
.logo-text .accent{color:var(--accent)}
nav{display:flex;gap:2px}
nav a{font-size:.78rem;font-weight:500;color:var(--text-muted);padding:5px 11px;border-radius:6px;transition:color var(--transition)}
nav a:hover{color:var(--text)}
.hdr-right{margin-left:auto;display:flex;align-items:center;gap:12px}
.search-wrap{position:relative}
.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.35;pointer-events:none;color:var(--text)}
.search-wrap input{background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:7px 12px 7px 32px;font-size:.78rem;width:200px;transition:all var(--transition)}
.search-wrap input::placeholder{color:var(--text-muted)}
.search-wrap input:focus{outline:none;border-color:rgba(123,47,190,0.5);width:240px;background:rgba(255,255,255,0.06)}.hero{padding:56px 0 48px;display:grid;grid-template-columns:1fr 420px;gap:64px;align-items:center;border-bottom:1px solid var(--border);margin-bottom:56px}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}
.hero-eyebrow span{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted)}
.hero h1{font-size:clamp(2.4rem,4vw,3.8rem);font-weight:800;line-height:1.05;letter-spacing:-1.5px;margin-bottom:6px}
.hero-sub{font-size:1.05rem;color:var(--text-sub);font-style:italic;margin-bottom:20px;font-weight:300}
.hero-tags{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:24px}
.tag{font-size:.72rem;font-weight:500;color:var(--text-muted);padding:3px 10px;border:1px solid var(--border);border-radius:4px}
.tag.plat{color:#fff;border-color:transparent}
.hero-score{font-family:'Syne',sans-serif;font-size:1.8rem;font-weight:800;color:var(--score);margin-bottom:24px;display:flex;align-items:baseline;gap:6px}
.hero-score small{font-family:'DM Sans',sans-serif;font-size:.8rem;font-weight:400;color:var(--text-muted)}
.hero-desc{color:var(--text-sub);font-size:.9rem;line-height:1.7;margin-bottom:32px;max-width:500px}
.hero-actions{display:flex;gap:10px}
.btn-cta{background:var(--accent);color:#fff;padding:11px 22px;border-radius:7px;font-size:.83rem;font-weight:600;transition:all var(--transition);display:flex;align-items:center;gap:8px}
.btn-cta:hover{background:#c62d30;transform:translateY(-1px)}
.btn-outline{background:transparent;color:var(--text-sub);border:1px solid var(--border);padding:11px 20px;border-radius:7px;font-size:.83rem;font-weight:500;transition:all var(--transition)}
.btn-outline:hover{border-color:var(--border-hover);color:var(--text);background:var(--primary-soft)}
.hero-visual{position:relative}
.hero-poster{width:100%;aspect-ratio:2/3;border-radius:14px;background:linear-gradient(160deg,#1a0a2e 0%,#2d0f50 40%,#1a0a2e 100%);position:relative;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.6),0 0 0 1px var(--border)}
.hero-poster-img{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(123,47,190,.3) 0%,transparent 60%),radial-gradient(ellipse at 80% 80%,rgba(229,56,59,.15) 0%,transparent 50%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:28px}
.hero-poster-title{font-family:'Syne',sans-serif;font-size:1.3rem;font-weight:800;text-align:center;line-height:1.2}
.hero-poster-year{font-size:.75rem;color:rgba(255,255,255,.5);margin-top:4px}
.hero-poster-bar{position:absolute;top:0;left:0;right:0;height:3px}
.poster-art{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);font-family:'Syne',sans-serif;font-weight:800;font-size:5rem;color:#fff;letter-spacing:-4px;text-align:center;line-height:1;pointer-events:none;user-select:none;opacity:.18}.card{background:var(--bg);transition:background var(--transition);overflow:hidden;position:relative}
.card:hover{background:var(--surface)}
.card.hidden{display:none}
.card-poster{aspect-ratio:16/9;position:relative;overflow:hidden}
.card-poster-bg{width:100%;height:100%;background:var(--surface2);display:flex;align-items:center;justify-content:center;transition:transform var(--transition)}
.card:hover .card-poster-bg{transform:scale(1.02)}
.poster-text{font-family:'Syne',sans-serif;font-weight:800;font-size:1.6rem;color:rgba(255,255,255,.08);letter-spacing:-2px;text-align:center;padding:8px;line-height:1.1;pointer-events:none}
.card-plat-bar{position:absolute;bottom:0;left:0;right:0;height:2px}
.card-body{padding:14px 16px 16px}
.card-platform-tag{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}
.card-title{font-size:.9rem;font-weight:700;line-height:1.3;margin-bottom:5px;letter-spacing:-.2px}
.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted)}
.card-genre{display:flex;gap:6px}
.card-score{color:var(--score);font-weight:600;font-family:'Syne',sans-serif}
.card-save{position:absolute;top:10px;right:10px;background:rgba(10,10,15,.7);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-muted);width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:all var(--transition);opacity:0}
.card:hover .card-save{opacity:1}
.card-save:hover,.card-save.saved{background:var(--accent);border-color:var(--accent);color:#fff}
.stars{display:flex;gap:1px;margin-top:4px}
.star{color:rgba(255,255,255,.1);font-size:.72rem;cursor:pointer;transition:color var(--transition)}
.star.on{color:var(--score)}.blog-grid{display:grid;grid-template-columns:1fr 320px;gap:48px}
.articles{display:flex;flex-direction:column;gap:1px;background:var(--border)}
.art{background:var(--bg);display:grid;grid-template-columns:200px 1fr;transition:background var(--transition);cursor:pointer}
.art:hover{background:var(--surface)}
.art-thumb{aspect-ratio:16/10;overflow:hidden}
.art-thumb-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.art-thumb-text{font-family:'Syne',sans-serif;font-weight:800;font-size:1.4rem;color:rgba(255,255,255,.07);letter-spacing:-2px;text-align:center}
.art-body{padding:20px 24px}
.breadcrumb{font-size:.68rem;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:4px}
.breadcrumb span{opacity:.5}
.art-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.art-cat{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:3px}
.art-time{font-size:.7rem;color:var(--text-muted)}
.art-title{font-size:.95rem;font-weight:700;line-height:1.35;letter-spacing:-.2px;margin-bottom:6px}
.art-date{font-size:.7rem;color:var(--text-muted)}
.art-url{font-size:.68rem;color:var(--primary);margin-top:8px;display:block;font-family:monospace}
.sidebar{display:flex;flex-direction:column;gap:32px}
.sb-title,.nl-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.nl-title{margin-bottom:10px}
.top-list{display:flex;flex-direction:column}
.top-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.top-item:last-child{border-bottom:none}
.top-n{font-family:'Syne',sans-serif;font-weight:800;font-size:.85rem;width:18px;text-align:center;color:var(--text-muted);flex-shrink:0}
.top-n.hot{color:var(--accent)}
.top-info-t{font-size:.83rem;font-weight:600;line-height:1.2}
.top-info-p{font-size:.68rem;color:var(--text-muted);margin-top:1px}
.top-score{margin-left:auto;font-size:.75rem;color:var(--score);font-weight:600;font-family:'Syne',sans-serif;flex-shrink:0}
.nl-desc{font-size:.8rem;color:var(--text-muted);margin-bottom:14px;line-height:1.6}
.nl-input{background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:9px 12px;width:100%;font-size:.8rem;margin-bottom:8px;transition:all var(--transition)}
.nl-input::placeholder{color:var(--text-muted)}
.nl-input:focus{outline:none;border-color:rgba(123,47,190,.5);background:rgba(255,255,255,.05)}
.nl-btn{background:var(--primary);color:#fff;padding:9px;width:100%;border-radius:6px;font-size:.8rem;font-weight:600;transition:all var(--transition)}
.nl-btn:hover{background:#6820a8}
.nl-ok{display:none;font-size:.8rem;color:#5dde92;padding:10px;text-align:center;border:1px solid rgba(93,222,146,.2);border-radius:6px}footer{background:#08080D;border-top:1px solid var(--border);padding:48px 0 28px;margin-top:32px}
.ft{max-width:1340px;margin:0 auto;padding:0 40px}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.ft-brand{font-family:'Syne',sans-serif;font-size:1.05rem;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:2px}
.ft-brand .accent{color:var(--accent)}.ft-brand .bracket{color:var(--text-muted);font-weight:300}
.ft-about{font-size:.78rem;color:var(--text-muted);line-height:1.7;max-width:240px}
.ft-col h4{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:12px}
.ft-col a{display:block;font-size:.8rem;color:var(--text-muted);padding:3px 0;transition:color var(--transition)}
.ft-col a:hover{color:var(--text)}
.ft-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border);font-size:.72rem;color:var(--text-muted)}@media(max-width:1100px){
  .grid{grid-template-columns:repeat(3,1fr)}
  .hero{grid-template-columns:1fr;gap:40px}
  .hero-visual{display:none}
  .blog-grid{grid-template-columns:1fr}
  .sidebar{display:grid;grid-template-columns:1fr 1fr;gap:32px}
  .onde-grid{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  .page,.ft{padding:0 20px}
  .hdr{padding:0 20px}
  nav{display:none}
  .grid{grid-template-columns:repeat(2,1fr)}
  .art{grid-template-columns:1fr}
  .art-thumb{height:100px}
  .onde-grid{grid-template-columns:1fr}
  .sidebar{grid-template-columns:1fr}
  .ft-bottom{flex-direction:column;gap:8px;text-align:center}
  .search-wrap input{width:140px}
  .search-wrap input:focus{width:160px}
}
@media(max-width:480px){
  .grid{grid-template-columns:1fr}
  .ft-grid{grid-template-columns:1fr}
}