/* CS_ACADEMY_HERO_CLEAN_OVERRIDE_V1_20260521
   Replaces cramped Academy hero lesson-list visual with a clean premium hero panel.
*/

.cs-hero-card .cs-device-top,
.cs-hero-card .cs-path-preview{
  display:none!important;
}

.cs-hero-card{
  position:relative!important;
  min-height:420px!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 18% 18%,rgba(255,52,52,.34),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(255,211,106,.16),transparent 26%),
    linear-gradient(145deg,rgba(18,24,39,.96),rgba(6,8,14,.98))!important;
}

.cs-hero-card .cs-device{
  position:absolute!important;
  inset:18px!important;
  min-height:auto!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:
    linear-gradient(90deg,transparent 49%,rgba(255,255,255,.08) 50%,transparent 51%),
    linear-gradient(180deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%),
    radial-gradient(circle at center,rgba(255,255,255,.08),transparent 58%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 28px 80px rgba(0,0,0,.38)!important;
  overflow:hidden!important;
}

.cs-hero-card .cs-device:before{
  content:"Cricstars Academy\A Build skills. Read the game. Play with confidence.";
  white-space:pre-line;
  position:absolute;
  left:28px;
  right:28px;
  top:30px;
  z-index:3;
  color:#fff;
  font-weight:950;
  letter-spacing:-.05em;
  font-size:clamp(30px,4.4vw,50px);
  line-height:.96;
  text-shadow:0 24px 70px rgba(0,0,0,.58);
}

.cs-hero-card .cs-device:after{
  content:"Under-10 pathway • Coaching guides • Match IQ • Practice plans";
  position:absolute;
  left:28px;
  right:28px;
  bottom:28px;
  z-index:3;
  padding:14px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:rgba(255,255,255,.9);
  font-size:13px;
  font-weight:850;
  letter-spacing:.01em;
  backdrop-filter:blur(16px);
}

.cs-hero-card:before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:42px;
  top:120px;
  border-radius:50%;
  z-index:2;
  background:radial-gradient(circle at 36% 34%,#fff 0 7%,#ff3434 8% 22%,rgba(255,52,52,.22) 23% 46%,transparent 68%);
  box-shadow:0 0 90px rgba(255,52,52,.30);
}

.cs-hero-card:after{
  content:"";
  position:absolute;
  width:280px;
  height:130px;
  right:-32px;
  bottom:78px;
  z-index:2;
  border:1px solid rgba(255,211,106,.36);
  border-left:0;
  border-radius:0 999px 999px 0;
  transform:rotate(-18deg);
  opacity:.72;
}

@media(max-width:760px){
  .cs-hero-card{min-height:330px!important}
  .cs-hero-card .cs-device{inset:14px!important}
  .cs-hero-card .cs-device:before{
    left:20px;
    right:20px;
    top:24px;
    font-size:clamp(28px,9vw,40px);
  }
  .cs-hero-card .cs-device:after{
    left:20px;
    right:20px;
    bottom:20px;
    border-radius:20px;
    line-height:1.35;
  }
  .cs-hero-card:before{
    width:130px;
    height:130px;
    right:20px;
    top:130px;
  }
}