:root{
  --primary:#ef4444;
  --primary-red:#ef4444;
  --primary-light:rgba(239,68,68,.16);
  --text:#e5e7eb;
  --text-muted:rgba(148,163,184,.92);
  --border:rgba(148,163,184,.18);
  --bg:#070a12;
  --bg2:rgba(255,255,255,.06);
  --card:rgba(255,255,255,.06);
  --card-hover:rgba(255,255,255,.09);
  --nav-bg:rgba(7,10,18,.72);
  --white:#ffffff;
  --card-shadow:0 10px 30px rgba(0,0,0,.45);
  --card-hover-shadow:0 18px 52px rgba(239,68,68,.16);
  --radius:14px;
  --radius-sm:10px;
}

body{
  background:
    radial-gradient(920px 520px at 14% -10%, rgba(239,68,68,.22) 0%, rgba(239,68,68,0) 60%),
    radial-gradient(760px 420px at 86% -14%, rgba(245,158,11,.16) 0%, rgba(245,158,11,0) 58%),
    radial-gradient(700px 420px at 50% 120%, rgba(34,197,94,.08) 0%, rgba(34,197,94,0) 55%),
    linear-gradient(180deg, #070a12 0%, #0b1020 45%, #070a12 100%) !important;
  color:var(--text) !important;
}

.site-header{
  background:var(--nav-bg) !important;
  border-bottom:1px solid var(--border) !important;
  backdrop-filter:saturate(140%) blur(14px) !important;
  -webkit-backdrop-filter:saturate(140%) blur(14px) !important;
}

.site-logo{
  background:linear-gradient(90deg,#ef4444 0%,#f59e0b 48%,#22c55e 110%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.site-nav a{color:rgba(226,232,240,.88) !important;}
.site-nav a:hover,.site-nav a.active{
  color:#ffffff !important;
  background:rgba(239,68,68,.16) !important;
  box-shadow:0 0 0 1px rgba(239,68,68,.22) inset !important;
}

.nav-dropdown-toggle{color:rgba(226,232,240,.88) !important;}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.active .nav-dropdown-toggle{
  color:#ffffff !important;
  background:rgba(239,68,68,.16) !important;
  box-shadow:0 0 0 1px rgba(239,68,68,.22) inset !important;
}

.nav-dropdown-menu{
  background:rgba(10,14,26,.92) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  box-shadow:0 18px 56px rgba(0,0,0,.55) !important;
  backdrop-filter:saturate(140%) blur(14px) !important;
  -webkit-backdrop-filter:saturate(140%) blur(14px) !important;
}
.nav-dropdown-menu a{color:rgba(226,232,240,.82) !important;}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{color:#ffffff !important;background:rgba(239,68,68,.14) !important;}

.header-search input{
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(148,163,184,.22) !important;
  color:var(--text) !important;
}
.header-search input:focus{border-color:rgba(239,68,68,.55) !important;}
.header-search input::placeholder{color:rgba(148,163,184,.82) !important;}
.header-search button{
  background:linear-gradient(135deg,#ef4444 0%,#f59e0b 55%,#22c55e 110%) !important;
}

.video-card{
  background:var(--card) !important;
  border:1px solid rgba(148,163,184,.16) !important;
  box-shadow:var(--card-shadow) !important;
}
.video-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 18px 52px rgba(0,0,0,.55), 0 0 0 1px rgba(239,68,68,.20) inset !important;
  border-color:rgba(239,68,68,.30) !important;
}
.video-card-title{color:rgba(248,250,252,.96) !important;}
.video-card-meta{color:rgba(148,163,184,.92) !important;}
.video-card-tag{background:linear-gradient(135deg,#ef4444 0%,#f59e0b 55%,#22c55e 120%) !important;border:1px solid rgba(255,255,255,.14) !important;}

.vc-tag{color:#fecaca !important;background:rgba(239,68,68,.12) !important;border:1px solid rgba(239,68,68,.26) !important;}

.player-wrap{background:rgba(0,0,0,.7) !important;box-shadow:0 18px 60px rgba(0,0,0,.55) !important;}
#xgplayer .xgplayer-progress-played{background:rgba(239,68,68,.92) !important;}
#xgplayer .xgplayer-progress-btn{border-color:rgba(239,68,68,.92) !important;box-shadow:0 10px 22px rgba(239,68,68,.22) !important;}

.tag-header{background:rgba(255,255,255,.06) !important;border-color:rgba(148,163,184,.18) !important;}
.tag-list-item{background:rgba(255,255,255,.06) !important;border-color:rgba(148,163,184,.16) !important;}
.tag-list-item:hover{background:rgba(239,68,68,.10) !important;border-color:rgba(239,68,68,.36) !important;color:#ffffff !important;}

.h5-header{background:var(--nav-bg) !important;border-bottom:1px solid var(--border) !important;}
.h5-menu-btn,.h5-search-icon{color:rgba(226,232,240,.92) !important;}
.h5-menu-btn:hover,.h5-search-icon:hover{background:rgba(255,255,255,.06) !important;}
.h5-drawer{background:rgba(10,14,26,.96) !important;}
.h5-drawer-head{border-bottom:1px solid rgba(148,163,184,.18) !important;}
.h5-logo,.h5-drawer-logo{
  background:linear-gradient(90deg,#ef4444 0%,#f59e0b 55%,#22c55e 110%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.h5-dnav-item{color:rgba(226,232,240,.86) !important;border-bottom:1px solid rgba(148,163,184,.12) !important;}
.h5-dnav-item:hover{background:rgba(255,255,255,.05) !important;color:#ffffff !important;}
.h5-dnav-item.active{color:#fecaca !important;}
.h5-dnav-toggle{color:rgba(226,232,240,.86) !important;}
.h5-dnav-toggle:hover{color:#ffffff !important;}
.h5-dnav-toggle.active,.h5-dnav-toggle.open{color:#fecaca !important;}
.h5-dnav-children{background:rgba(0,0,0,.24) !important;}
.h5-dnav-child{color:rgba(148,163,184,.95) !important;border-bottom:1px solid rgba(148,163,184,.10) !important;}
.h5-dnav-child:hover{color:rgba(226,232,240,.92) !important;}
.h5-dnav-child.active{color:#fecaca !important;}
.h5-search-bar{background:rgba(10,14,26,.96) !important;border-top:1px solid rgba(148,163,184,.14) !important;}
.h5-search-input{background:rgba(255,255,255,.06) !important;border:1px solid rgba(148,163,184,.18) !important;color:rgba(226,232,240,.92) !important;}
.h5-search-input::placeholder{color:rgba(148,163,184,.82) !important;}
.h5-search-submit{background:linear-gradient(135deg,#ef4444 0%,#f59e0b 55%,#22c55e 110%) !important;color:#0b1020 !important;}