:root{
  --primary:#16a34a;
  --primary-red:#ef4444;
  --primary-light:rgba(22,163,74,.12);
  --text:#0f172a;
  --text-muted:#64748b;
  --border:rgba(15,23,42,.10);
  --bg:#f0fdf4;
  --bg2:rgba(15,23,42,.04);
  --card:#ffffff;
  --card-hover:#ffffff;
  --nav-bg:rgba(255,255,255,.88);
  --white:#ffffff;
  --card-shadow:0 10px 24px rgba(15,23,42,.08);
  --card-hover-shadow:0 18px 44px rgba(15,23,42,.12);
  --radius:14px;
  --radius-sm:10px;
}

body{
  background:
    radial-gradient(900px 420px at 16% -10%, rgba(22,163,74,.16) 0%, rgba(22,163,74,0) 60%),
    radial-gradient(760px 360px at 86% -12%, rgba(20,184,166,.14) 0%, rgba(20,184,166,0) 58%),
    linear-gradient(180deg, #f0fdf4 0%, #ffffff 70%, #f0fdf4 100%) !important;
  color:var(--text) !important;
}

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

.site-logo{
  background:linear-gradient(90deg,#16a34a 0%,#14b8a6 55%,#0ea5e9 110%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.site-nav a{color:rgba(15,23,42,.82) !important;}
.site-nav a:hover,.site-nav a.active{color:var(--primary) !important;background:var(--primary-light) !important;}
.nav-dropdown-toggle{color:rgba(15,23,42,.82) !important;}
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.active .nav-dropdown-toggle{color:var(--primary) !important;background:var(--primary-light) !important;}

.nav-dropdown-menu{
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:0 18px 48px rgba(15,23,42,.16) !important;
  backdrop-filter:none !important;
}
.nav-dropdown-menu a{color:rgba(15,23,42,.78) !important;}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a.active{color:var(--primary) !important;background:rgba(22,163,74,.08) !important;}

.header-search input{
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.14) !important;
  color:var(--text) !important;
}
.header-search input::placeholder{color:rgba(100,116,139,.92) !important;}
.header-search button{
  background:linear-gradient(135deg,#16a34a 0%,#14b8a6 60%,#0ea5e9 120%) !important;
}

.video-card{
  background:var(--card) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  box-shadow:var(--card-shadow) !important;
}
.video-card:hover{
  box-shadow:var(--card-hover-shadow) !important;
  border-color:rgba(22,163,74,.24) !important;
}
.video-card-title{color:rgba(15,23,42,.92) !important;}
.video-card-meta{color:rgba(100,116,139,.92) !important;}
.video-card-tag{background:linear-gradient(135deg,#ef4444,#16a34a) !important;}

.vc-tag{color:var(--primary) !important;background:rgba(22,163,74,.08) !important;border:1px solid rgba(22,163,74,.20) !important;}

.player-wrap{background:#0b1220 !important;}
#xgplayer .xgplayer-progress-played{background:rgba(22,163,74,.92) !important;}
#xgplayer .xgplayer-progress-btn{border-color:rgba(22,163,74,.92) !important;box-shadow:0 8px 18px rgba(22,163,74,.18) !important;}

.h5-header{background:var(--nav-bg) !important;border-bottom:1px solid var(--border) !important;}
.h5-menu-btn,.h5-search-icon{color:rgba(15,23,42,.86) !important;}
.h5-menu-btn:hover,.h5-search-icon:hover{background:rgba(15,23,42,.05) !important;}
.h5-drawer{background:#ffffff !important;}
.h5-drawer-head{border-bottom:1px solid rgba(15,23,42,.10) !important;}
.h5-logo,.h5-drawer-logo{
  background:linear-gradient(90deg,#16a34a 0%,#14b8a6 55%,#0ea5e9 110%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}
.h5-dnav-item{color:rgba(15,23,42,.80) !important;border-bottom:1px solid rgba(15,23,42,.08) !important;}
.h5-dnav-item:hover{background:rgba(15,23,42,.04) !important;color:rgba(15,23,42,.92) !important;}
.h5-dnav-item.active{color:var(--primary) !important;}
.h5-dnav-toggle{color:rgba(15,23,42,.78) !important;}
.h5-dnav-toggle:hover{color:rgba(15,23,42,.92) !important;}
.h5-dnav-toggle.active,.h5-dnav-toggle.open{color:var(--primary) !important;}
.h5-dnav-children{background:rgba(15,23,42,.03) !important;}
.h5-dnav-child{color:rgba(100,116,139,.96) !important;border-bottom:1px solid rgba(15,23,42,.06) !important;}
.h5-dnav-child:hover{color:rgba(15,23,42,.88) !important;}
.h5-dnav-child.active{color:var(--primary) !important;}
.h5-search-bar{background:#ffffff !important;border-top:1px solid rgba(15,23,42,.10) !important;}
.h5-search-input{background:#ffffff !important;border:1px solid rgba(15,23,42,.14) !important;color:var(--text) !important;}
.h5-search-input::placeholder{color:rgba(100,116,139,.92) !important;}
.h5-search-submit{background:linear-gradient(135deg,#16a34a 0%,#14b8a6 60%,#0ea5e9 120%) !important;color:#ffffff !important;}