/* V65 — Homepage free-practice CTA. Scoped to the hero only. */
.hero .hero-practice-cta{
  position:relative;
  display:block;
  width:min(100%,430px);
  margin:22px 0 2px;
  padding:18px 18px 17px;
  border-radius:18px;
  overflow:hidden;
  color:#fff;
  background:linear-gradient(135deg,#071f42 0%,#0d4f91 58%,#1677b8 100%);
  border:1px solid rgba(240,198,111,.72);
  box-shadow:0 14px 34px rgba(7,26,53,.20),0 0 0 1px rgba(255,255,255,.04) inset;
  transition:transform .24s ease,box-shadow .24s ease,filter .24s ease;
  isolation:isolate;
}
.hero .hero-practice-cta::before{
  content:"";
  position:absolute;
  inset:-90% -45%;
  z-index:-1;
  background:linear-gradient(115deg,transparent 39%,rgba(255,255,255,.22) 50%,transparent 61%);
  transform:translateX(-58%);
  animation:practiceCtaSheen 5.4s ease-in-out infinite;
}
.hero .hero-practice-cta::after{
  content:"";
  position:absolute;
  width:128px;height:128px;border-radius:50%;
  right:-50px;bottom:-62px;
  background:rgba(240,198,111,.13);
  z-index:-1;
}
.hero .hero-practice-cta:hover,
.hero .hero-practice-cta:focus-visible{
  transform:translateY(-3px);
  filter:saturate(1.08);
  box-shadow:0 18px 42px rgba(7,26,53,.28),0 0 0 3px rgba(240,198,111,.16);
  outline:none;
}

/* Keep the free-registration message visible but secondary. */
.hero .hero-practice-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#f0c66f,#c99b39);
  color:#14213a;
  font-size:0;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 6px 16px rgba(201,155,57,.22);
}
.hero .hero-practice-badge::before{
  content:"REGISTER FREE & PRACTICE";
  font-size:10px;
}

/* Main visual message: what visitors can practise here. */
.hero .hero-practice-cta strong{
  display:block;
  margin-top:11px;
  font-size:0;
  line-height:1.12;
  letter-spacing:-.02em;
}
.hero .hero-practice-cta strong::before{
  content:"NDA/NA PYQs & SAMPLE PAPERS";
  display:block;
  font-size:clamp(22px,2.7vw,30px);
  line-height:1.08;
  font-weight:950;
  color:#fff;
  text-transform:uppercase;
  text-shadow:0 2px 10px rgba(0,0,0,.18);
}

/* Remove supporting copy so the card has only the two key messages. */
.hero .hero-practice-cta small,
.hero .hero-practice-action{display:none!important}

@keyframes practiceCtaSheen{
  0%,65%{transform:translateX(-62%)}
  82%,100%{transform:translateX(62%)}
}
@media (min-width:901px){
  .hero .hero-practice-cta{max-width:405px}
}
@media (max-width:900px){
  .hero .hero-practice-cta{width:100%;max-width:none;margin-top:20px}
}
@media (max-width:700px){
  .hero .hero-practice-cta{
    width:46%;
    min-width:170px;
    margin:-104px 0 20px auto;
    padding:15px 13px 14px;
    border-radius:15px;
    box-shadow:0 11px 26px rgba(7,26,53,.20);
  }
  .hero .hero-practice-badge::before{font-size:8.5px}
  .hero .hero-practice-cta strong{margin-top:9px}
  .hero .hero-practice-cta strong::before{font-size:17px;line-height:1.08}
}
@media (max-width:430px){
  .hero .hero-practice-cta{width:47%;min-width:162px;margin-top:-96px}
  .hero .hero-practice-cta strong::before{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
  .hero .hero-practice-cta,.hero .hero-practice-cta::before{animation:none!important;transition:none!important}
}