:root{--bg:#0b0b0f;--card:#141414;--muted:#a1a1aa;--accent:#e50914;--accent2:#b20710}
html,body{background:var(--bg);color:#fff}
a{color:#fff;text-decoration:none}a:hover{opacity:.9}

/* Buttons / CTAs */
.btn-primary,.btn-cta,button[type=submit]{background:var(--accent);border:0;padding:.75rem 1.25rem;border-radius:12px;font-weight:700}
.btn-primary:hover,.btn-cta:hover{background:var(--accent2)}

/* Nav + cards */
header,.navbar{background:rgba(0,0,0,.25);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.05)}
.grid,.cards,.tiles{gap:1rem}
.card,.tile{background:var(--card);border-radius:16px;overflow:hidden}
.tile img,.thumb img{display:block;width:100%;height:auto;transition:transform .2s}
.tile:hover img,.thumb:hover img{transform:scale(1.04)}
.muted{color:var(--muted)}

/* Hero */
.hero{
  position:relative;min-height:64vh;display:grid;place-items:center;text-align:center;padding:6rem 1rem;
  background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.85)),center/cover no-repeat var(--hero,#000)
}
.hero h1{font-size:clamp(2rem,3.5vw,3rem);margin:0 0 .5rem;font-weight:800}
.hero p{font-size:clamp(1rem,1.3vw,1.15rem);color:#ddd;margin:0 0 1rem}
.hero>*{position:relative;z-index:2}

/* Layout: single-column, no drawer */
.page-main{margin-left:0!important}
.page-main-inner{max-width:1200px;margin:0 auto;padding:0 1rem}
.menu-sidebar,.drawer,.side-menu,.page-sidebar,.page-sidebar-content-overlay{display:none!important}

/* Player accent */
.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-volume-level{background-color:var(--accent)!important}