.elementor-126 .elementor-element.elementor-element-d284518{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-07f84ec > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-126 .elementor-element.elementor-element-07f84ec.elementor-element{--align-self:center;}.elementor-126 .elementor-element.elementor-element-07f84ec .aux-widget-inner > *{text-align:center;margin-left:auto !important;margin-right:auto !important;}.elementor-126 .elementor-element.elementor-element-07f84ec .aux-modern-heading-primary{font-size:40px;text-transform:capitalize;line-height:30px;letter-spacing:0.5px;word-spacing:1px;color:#EE094E;}.elementor-126 .elementor-element.elementor-element-07f84ec .aux-modern-heading-description{color:#FFFFFF;font-size:25px;font-weight:500;text-transform:capitalize;line-height:30px;letter-spacing:0.5px;word-spacing:1px;}.elementor-126 .elementor-element.elementor-element-70873a1 > .elementor-widget-container{margin:-120px 0px 0px 0px;}.elementor-126 .elementor-element.elementor-element-70873a1.elementor-element{--align-self:center;}.elementor-126 .elementor-element.elementor-element-70873a1 img{width:59%;max-width:100%;}@media(max-width:1024px){.elementor-126 .elementor-element.elementor-element-d284518{--grid-auto-flow:row;}.elementor-126 .elementor-element.elementor-element-07f84ec .aux-modern-heading-description{line-height:1.4em;}.elementor-126 .elementor-element.elementor-element-70873a1 > .elementor-widget-container{padding:75px 0px 0px 0px;}}@media(max-width:767px){.elementor-126 .elementor-element.elementor-element-d284518{--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-126 .elementor-element.elementor-element-07f84ec .aux-modern-heading-primary{line-height:0.5em;letter-spacing:0.6px;}.elementor-126 .elementor-element.elementor-element-07f84ec .aux-modern-heading-description{line-height:1.7em;}.elementor-126 .elementor-element.elementor-element-70873a1 > .elementor-widget-container{padding:60px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-cf938b7 */*{margin:0;padding:0;box-sizing:border-box}

:root{
  /* CORE COLORS */
  --bg:#070611;
  --accent:#E43256;        /* main red/pink */
  --purple:#7a5cff;        /* secondary purple */
  --purpleGlow:rgba(122,92,255,.45);

  --text:#ffffff;
  --muted:rgba(255,255,255,.70);

  --panel:rgba(255,255,255,.03);
  --card:rgba(255,255,255,.04);
  --border:rgba(255,255,255,.12);
}

body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;
  color:var(--text);
  background:
    radial-gradient(1200px 500px at 10% 0%, rgba(228,50,86,.15), transparent 60%),
    radial-gradient(1000px 500px at 90% 10%, rgba(122,92,255,.18), transparent 60%),
    linear-gradient(180deg, #090816, var(--bg));
  min-height:100vh;
}

/* HERO */
.page-hero{
  padding: 60px 8% 20px;
}
.hero-inner h1{
  font-size: 56px;
  font-weight: 900;
}
.crumb{
  margin-top: 10px;
  font-size: 14px;
  color: var(--accent);
}
.crumb a{color:var(--accent);text-decoration:none}
.crumb span{margin:0 10px;color:rgba(255,255,255,.55)}

/* SEARCH */
.search-wrap{
  padding: 0 8%;
  margin: 8px 0 14px;
}
.search{
  width: 320px;
  height: 40px;
  padding: 0 14px;
  border-radius: 14px;
  border: 2px solid var(--purple);
  background: rgba(255,255,255,.03);
  color: var(--text);
  outline:none;
  box-shadow: 0 0 22px var(--purpleGlow);
}
.search::placeholder{color:rgba(255,255,255,.45)}

/* PANEL */
.panel{
  margin: 0 8% 24px;
  border-radius: 18px;
  border: 1px solid var(--border);
  background: var(--panel);
  box-shadow: 0 0 0 1px rgba(255,255,255,.05) inset;
}

/* TITLES */
.panel-head{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap: 14px;
  padding: 14px 14px 0;
}
.panel-title{
  text-align:center;
  font-weight: 900;
  color: var(--accent);
  font-size: 28px;
  padding-bottom: 10px;
  text-shadow: 0 8px 30px rgba(228,50,86,.35);
}

/* BODY */
.panel-body{
  display:grid;
  grid-template-columns: 420px 1fr;
  gap: 14px;
  padding: 12px 14px 14px;
}

.col{
  border-radius: 14px;
  padding: 10px;
  background: rgba(255,255,255,.02);
  border: 1px solid var(--border);
  height: 520px;
  overflow: auto;
}

/* SCROLLBAR */
.col::-webkit-scrollbar{width:10px}
.col::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, var(--accent), var(--purple));
  border-radius: 20px;
}
.col::-webkit-scrollbar-track{
  background: rgba(255,255,255,.08);
  border-radius: 20px;
}

/* LIST */
.list{display:flex;flex-direction:column;gap:12px}

/* CATEGORY ITEM */
.item{
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--card);
}

.item--cat{
  cursor:pointer;
  padding: 12px;
  display:flex;
  align-items:center;
  gap: 10px;
}

.badge{
  min-width: 42px;
  text-align:center;
  font-weight: 900;
  font-size: 12px;
  padding: 6px 8px;
  border-radius: 10px;
  background: rgba(122,92,255,.18);
  color: var(--text);
  box-shadow: 0 0 18px var(--purpleGlow);
}

.item--cat .txt{
  font-weight: 900;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.item--cat:hover{
  background: rgba(122,92,255,.10);
}

.item--cat.is-active{
  border-color: var(--accent);
  box-shadow: 0 0 0 2px rgba(228,50,86,.25) inset,
              0 0 25px rgba(228,50,86,.25);
}

/* CHANNEL ROW */
.item--chan{
  padding: 10px 12px;
  display:flex;
  align-items:center;
  background: rgba(255,255,255,.02);
}
.item--chan:hover{
  background: rgba(122,92,255,.12);
  border-color: var(--purple);
}

.chan-name{
  font-weight: 800;
  font-size: 14px;
  color: rgba(255,255,255,.92);
}

/* EMPTY */
.empty{
  padding: 16px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.03);
  color: rgba(255,255,255,.65);
  text-align:center;
}

/* STATUS */
.status{
  margin: 0 8% 40px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: rgba(255,255,255,.03);
}
.status--error{
  border-color: var(--accent);
  color: var(--accent);
}

/* RESPONSIVE */
@media (max-width: 1100px){
  .panel-head,.panel-body{grid-template-columns:1fr}
  .col{height:420px}
  .panel-title{font-size:24px}
}/* End custom CSS */