.ivrgl-wrap{
  --ivr-bg:#07111c;
  --ivr-panel:#0b1725;
  --ivr-panel2:#102235;
  --ivr-line:rgba(255,255,255,.11);
  --ivr-text:#f8fafc;
  --ivr-muted:#9fb0c4;
  --ivr-accent:#66c6d7;
  --ivr-accent2:#9be7f3;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  padding:34px 18px 48px;
  color:var(--ivr-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.ivrgl-wrap,.ivrgl-wrap *{box-sizing:border-box}
.ivrgl-wrap img{max-width:none!important}
.ivrgl-hero{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#0a1623 0%,#0d2635 100%);
  border:1px solid var(--ivr-line);
  border-radius:28px;
  padding:34px 36px;
  margin:0 0 26px;
  box-shadow:0 24px 65px rgba(0,0,0,.20);
}
.ivrgl-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-140px;background:rgba(102,198,215,.12);filter:blur(8px)}
.ivrgl-kicker{position:relative;z-index:1;color:var(--ivr-accent);font-size:12px;font-weight:900;letter-spacing:.23em;text-transform:uppercase}
.ivrgl-hero h2{position:relative;z-index:1;margin:7px 0 10px!important;color:#fff!important;font-size:clamp(38px,5vw,62px)!important;font-weight:800!important;line-height:.98!important;letter-spacing:-.045em!important}
.ivrgl-hero p{position:relative;z-index:1;margin:0!important;max-width:760px;color:#cad6e3!important;font-size:16px!important;line-height:1.6!important}

.ivrgl-grid{display:flex!important;flex-wrap:wrap!important;gap:18px!important;width:100%!important;align-items:stretch!important}
.ivrgl-card{
  min-width:0!important;
  flex:0 0 calc(33.333% - 12px)!important;
  width:calc(33.333% - 12px)!important;
  max-width:calc(33.333% - 12px)!important;
  height:auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden;
  background:linear-gradient(180deg,var(--ivr-panel2),var(--ivr-panel));
  border:1px solid var(--ivr-line);
  border-radius:24px;
  box-shadow:0 18px 45px rgba(0,0,0,.20);
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.ivrgl-card:hover{transform:translateY(-3px);border-color:rgba(102,198,215,.32);box-shadow:0 24px 58px rgba(0,0,0,.28)}
.ivrgl-image-wrap{
  position:relative!important;
  width:100%!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  aspect-ratio:auto!important;
  flex:0 0 150px!important;
  overflow:hidden!important;
  background:#07101a!important;
  border-bottom:1px solid var(--ivr-line);
}
.ivrgl-image-wrap img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  transition:transform .35s ease;
}
.ivrgl-card:hover .ivrgl-image-wrap img{transform:scale(1.025)}
.ivrgl-image-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(4,12,20,.28),transparent 45%)}

.ivrgl-body{
  padding:20px 20px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:0;
}
.ivrgl-body h3{
  margin:0!important;
  min-height:2.35em;
  color:#fff!important;
  font-size:23px!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
.ivrgl-genre{min-height:2.7em;margin:7px 0 0!important;color:var(--ivr-accent2)!important;font-weight:700!important;font-size:13px!important;line-height:1.35!important}
.ivrgl-stats{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin:17px 0 0!important}
.ivrgl-stats>div{min-width:0;min-height:68px;display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.052);border:1px solid rgba(255,255,255,.045);border-radius:14px;padding:10px 11px!important}
.ivrgl-stats span{display:block!important;color:var(--ivr-muted)!important;font-size:9px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.11em!important;line-height:1.2!important}
.ivrgl-stats strong{display:block!important;color:#fff!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important;margin-top:4px!important;overflow-wrap:anywhere}
.ivrgl-tags{display:flex!important;flex-wrap:wrap!important;align-content:flex-start;gap:6px!important;min-height:35px;margin:14px 0 0!important}
.ivrgl-tags span{display:inline-flex!important;align-items:center;border:1px solid rgba(102,198,215,.12);border-radius:999px;padding:5px 9px!important;background:rgba(102,198,215,.09)!important;color:#dffaff!important;font-size:10px!important;font-weight:800!important;line-height:1.25!important}
.ivrgl-integrations{margin:12px 0 0!important;color:#b8c6d6!important;font-size:11.5px!important;line-height:1.45!important}
.ivrgl-integrations strong{color:#eef7fb!important}

.ivrgl-play{
  position:static!important;
  width:100%!important;
  margin:18px 0 0!important;
  margin-top:auto!important;
  min-height:46px;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px;
  border:1px solid rgba(102,198,215,.45)!important;
  border-radius:13px!important;
  background:var(--ivr-accent)!important;
  color:#041017!important;
  padding:12px 16px!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
  text-transform:none!important;
}
.ivrgl-play:before{content:"▶";font-size:11px}
.ivrgl-play:hover{background:#93e1ee!important;border-color:#93e1ee!important;color:#041017!important;transform:none!important}

.ivrgl-modal{display:none;position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.88);padding:20px;align-items:center;justify-content:center}
.ivrgl-modal.is-open{display:flex}
.ivrgl-modal-card{width:min(1100px,96vw);background:#020617;border:1px solid rgba(255,255,255,.16);border-radius:22px;overflow:hidden;box-shadow:0 34px 100px rgba(0,0,0,.6)}
.ivrgl-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 17px;color:#fff;background:#07111c;border-bottom:1px solid rgba(255,255,255,.1)}
.ivrgl-modal-title{font-size:18px;font-weight:800}
.ivrgl-close{border:1px solid rgba(255,255,255,.18)!important;background:transparent!important;color:#fff!important;border-radius:999px!important;padding:8px 13px!important;font-weight:700!important;cursor:pointer!important}
.ivrgl-video{aspect-ratio:16/9;background:#000}
.ivrgl-video iframe{width:100%!important;height:100%!important;border:0!important;display:block!important}

@media(max-width:1050px){.ivrgl-card{flex-basis:calc(50% - 9px)!important;width:calc(50% - 9px)!important;max-width:calc(50% - 9px)!important}.ivrgl-image-wrap{height:140px!important;min-height:140px!important;max-height:140px!important;flex-basis:140px!important}}
@media(max-width:720px){
  .ivrgl-wrap{padding:18px 10px 34px}.ivrgl-hero{padding:24px 21px;border-radius:22px}.ivrgl-grid{gap:16px!important}.ivrgl-card{flex-basis:100%!important;width:100%!important;max-width:100%!important}.ivrgl-image-wrap{height:135px!important;min-height:135px!important;max-height:135px!important;flex-basis:135px!important}.ivrgl-body h3{min-height:0;font-size:22px!important}.ivrgl-genre{min-height:0}.ivrgl-card:hover{transform:none}
}