@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap');

:root {
  --bg:#030806;
  --card:#0b1711;
  --panel:#09150f;
  --line:rgba(65,142,101,.27);
  --text:#f5f7f6;
  --muted:#aab8ae;
  --accent:#00e69a;
  --accent2:#00b87c;
  --cine-green:#00e69a;
  --cine-deep:#071a10;
}
body {
  font-family:"DM Sans",Arial,sans-serif;
  background:radial-gradient(circle at 78% 0%,rgba(0,230,154,.10),transparent 28%),radial-gradient(circle at 10% 75%,rgba(0,123,80,.09),transparent 32%),linear-gradient(180deg,#030806 0%,#020604 75%,#030806 100%);
  color:var(--text);
}
.header {
  background:linear-gradient(180deg,rgba(2,12,7,.98),rgba(2,12,7,.88));
  border-bottom:1px solid rgba(0,230,154,.35);
  box-shadow:0 8px 28px rgba(0,0,0,.3);
}
.header .logo.cine-logo {
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:0;
  width:max-content;
  max-width:none;
  min-width:0;
  padding:5px 0 0;
  margin:5px 0 0;
  border:0;
  border-radius:0;
  background:transparent;
  color:#f5f7f6;
  font:800 32px/1.2 Outfit,Arial,sans-serif;
  letter-spacing:-1.9px;
  white-space:nowrap;
}
.header .cine-logo strong {font-weight:800;color:var(--cine-green)}
.header .cine-logo i {
  position:absolute;
  right:80px;
  top:-16px;
  color:var(--cine-green);
  font:normal 24px Georgia,serif;
  letter-spacing:0;
}
.header .cine-logo:hover {filter:drop-shadow(0 0 12px rgba(0,230,154,.23))}
.header #topBackBtn {
  background:linear-gradient(90deg,#0d3d28,#092619)!important;
  border:1px solid rgba(0,230,154,.45)!important;
  color:#eafff2!important;
  box-shadow:0 0 15px rgba(0,230,154,.12);
}
.header #topBackBtn:hover {background:#16583a!important}
.header #fullscreenPlayerBtn {
  background:linear-gradient(105deg,#00e69a,#00b87c)!important;
  border:1px solid rgba(87,255,190,.7)!important;
  color:#052115!important;
  text-shadow:none!important;
  box-shadow:0 5px 21px rgba(0,230,154,.22)!important;
  animation:none!important;
}
.header #fullscreenPlayerBtn::after {display:none!important}
.header #installBtn,
.btn-red,
.btn-watch,
.ads-modal-confirm {
  background:linear-gradient(100deg,#00e69a,#00bc80)!important;
  color:#052115!important;
  border-color:rgba(0,230,154,.65)!important;
  box-shadow:0 7px 22px rgba(0,230,154,.17)!important;
}
.btn-dark {background:#0a1710;border-color:var(--line)}
.player-box {
  border-color:rgba(0,230,154,.38);
  box-shadow:0 0 0 1px rgba(0,230,154,.08),0 22px 50px rgba(0,0,0,.55);
}
.player-skeleton {background:#030b07}
.player-skeleton::before {
  background:radial-gradient(circle at 20% 26%,rgba(0,230,154,.17),transparent 24%),radial-gradient(circle at 82% 22%,rgba(0,120,78,.13),transparent 22%),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.45),rgba(0,0,0,.79));
}
.player-skeleton-vignette {
  background:radial-gradient(circle at center,rgba(0,230,154,.08),transparent 25%),radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.4) 70%,rgba(0,0,0,.9));
}
.player-skeleton-stage::before {
  background:linear-gradient(180deg,rgba(127,255,191,.20),rgba(0,230,154,.08) 32%,transparent 76%);
}
.player-skeleton-curtain-top,.player-skeleton-curtain-bottom {
  background:linear-gradient(180deg,rgba(0,6,3,.99),rgba(5,18,11,.97) 65%,rgba(11,31,19,.9));
}
.player-skeleton-kicker,.player-skeleton-label {color:#eafff3!important}
.player-playback-btn {
  background:linear-gradient(135deg,#00e69a,#008e60)!important;
  border-color:rgba(117,255,204,.8)!important;
  color:#032015!important;
  box-shadow:0 0 18px rgba(0,230,154,.34),0 10px 22px rgba(0,0,0,.35)!important;
}
.player-playback-btn[data-state="playing"] .player-playback-icon::before,
.player-playback-btn[data-state="playing"] .player-playback-icon::after {background:#032015!important}
.player-playback-btn[data-state="paused"] .player-playback-icon::before {border-left-color:#032015!important}
.btn-share-neon {
  background:linear-gradient(135deg,#0c3f29,#082719)!important;
  border-color:rgba(0,230,154,.72)!important;
  color:#eafff2!important;
  box-shadow:0 0 17px rgba(0,230,154,.2),0 8px 18px rgba(0,0,0,.4)!important;
}
.favorite-count-pill {background:rgba(0,230,154,.17);border-color:rgba(0,230,154,.45);color:#b6ffdc}
.fullscreen-fallback-exit {
  background:linear-gradient(135deg,#0c5035,#062719);
  border-color:rgba(0,230,154,.5);
  box-shadow:0 0 18px rgba(0,230,154,.2);
}
.player-remove-ads-badge {
  background:linear-gradient(135deg,#00cc89,#00784e)!important;
  border-color:#b7ffdf!important;
  box-shadow:0 0 18px rgba(0,230,154,.35)!important;
}
.player-details,.side,.card,.seo-panel,.seo-faq-item {
  background:linear-gradient(160deg,#0c1c13,#07110c)!important;
  border-color:var(--line)!important;
}
.side-item,.tmdb-panel,.seo-chip,.seo-links-row a,.share-action,.share-close {
  background:#0c1c13;
  border-color:var(--line);
}
.title,.section h2,.seo-panel h1 {font-family:Outfit,Arial,sans-serif;color:#f5f7f6}
.section-head {border-left:3px solid var(--cine-green);padding-left:12px}
.tmdb-panel strong,.seo-faq-item strong {color:#d3f7e1}
.status-badge.is-verified {
  color:#caffdf;
  background:rgba(0,154,98,.2);
  border-color:rgba(0,230,154,.42);
}
.card:hover {border-color:rgba(0,230,154,.55)!important;box-shadow:0 16px 35px rgba(0,78,49,.22)}
.seo-breadcrumbs a,.footer-link-yellow,.legal-footer-meta a:hover {color:var(--cine-green);border-color:var(--cine-green)}
.seo-chip {color:#caf5da}
.seo-highlights li::before {background:var(--cine-green)}
.footer-brand {
  background-image:linear-gradient(90deg,#f5f7f6 0 35%,#00e69a 35% 100%);
}
.share-dialog,.ads-modal-card {
  border-color:rgba(0,230,154,.3);
  background:radial-gradient(circle at top right,rgba(0,230,154,.10),transparent 46%),linear-gradient(180deg,#0c1c13,#06100a);
}
.share-action:hover {border-color:var(--cine-green);background:#143623}
.ads-modal-chip {border-color:rgba(0,230,154,.35);background:rgba(0,230,154,.12);color:#caffdf}
a:focus-visible,button:focus-visible {outline:2px solid var(--cine-green);outline-offset:3px}
@media(max-width:1100px) {
  .header .logo.cine-logo {font-size:29px;max-width:100%;margin:8px auto 2px}
  .header .cine-logo i {right:73px;top:-16px;font-size:21px}
}
@media(max-width:600px) {
  .header .logo.cine-logo {font-size:26px;letter-spacing:-1.4px}
  .header .cine-logo i {right:65px;top:-14px;font-size:19px}
  .header .header-inner {padding-top:12px}
}