/* ============================================================
   AstroRawat — Vibrance & Effects Pack (SAFE: never hides content)
   ============================================================ */

/* 1) Colourful gradient tool-icon tiles */
.tile-ico{
  background:linear-gradient(135deg, var(--accent,#7B1E27), var(--gold,#C9922E)) !important;
  box-shadow:0 8px 22px rgba(123,30,39,.22);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
.tile-ico svg{ color:#fff !important; stroke:#fff !important; }
.card:hover .tile-ico, .tile:hover .tile-ico{ transform:rotate(-6deg) scale(1.1); box-shadow:0 12px 30px rgba(201,146,46,.45); }

/* 2) Card hover — lift, glow, gold edge */
.card{ transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, border-color .35s; }
.card:hover{ transform:translateY(-7px); box-shadow:0 22px 46px rgba(123,30,39,.15); border-color:var(--gold,#C9922E); }

/* 3) Buttons — shine sweep + lift */
.btn{ position:relative; overflow:hidden; transition:transform .2s, box-shadow .25s; }
.btn::after{ content:''; position:absolute; top:0; left:-130%; width:55%; height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-20deg); transition:left .6s; pointer-events:none; }
.btn:hover::after{ left:145%; }
.btn:hover{ transform:translateY(-2px); box-shadow:0 12px 26px rgba(123,30,39,.26); }

/* 4) Eyebrow — gold sparkle accent */
.section-head .eyebrow::after{ content:'\2726'; margin-left:7px; color:var(--gold,#C9922E); font-size:.85em; }

/* 5) Twinkling stars over the dark sections (decorative only) */
.rawat-hero, .awards-sec{ position:relative; overflow:hidden; }
.rawat-hero::after, .awards-sec::after{
  content:''; position:absolute; inset:0; pointer-events:none; z-index:0;
  background-image:
    radial-gradient(2px 2px at 18% 28%, rgba(255,255,255,.55), transparent),
    radial-gradient(2px 2px at 72% 18%, rgba(201,146,46,.7), transparent),
    radial-gradient(1.6px 1.6px at 42% 68%, rgba(255,255,255,.45), transparent),
    radial-gradient(2px 2px at 86% 58%, rgba(201,146,46,.6), transparent),
    radial-gradient(1.6px 1.6px at 56% 40%, rgba(255,255,255,.4), transparent),
    radial-gradient(1.6px 1.6px at 30% 82%, rgba(201,146,46,.5), transparent);
  animation:fx-twinkle 4.5s ease-in-out infinite alternate;
}
.rawat-hero > *, .awards-sec > *{ position:relative; z-index:1; }
@keyframes fx-twinkle{ from{opacity:.35} to{opacity:1} }