/* ALINA CHOPRA — MIDNIGHT TEAL x OBSIDIAN NAVY V4.3 */

.neo-hero{
  background:#020b15;
  color:#f8efdf;
}
.neo-hero:before{
  background:
    radial-gradient(ellipse 36% 52% at 72% 37%,rgba(0,123,145,.23),transparent 78%),
    radial-gradient(ellipse 40% 65% at 21% 45%,rgba(0,84,107,.28),transparent 78%),
    radial-gradient(ellipse 36% 50% at 98% 84%,rgba(153,99,47,.13),transparent 80%),
    linear-gradient(115deg,#020814 0%,#031927 31%,#07313c 57%,#041824 78%,#020a14 100%);
}
.neo-grain{
  opacity:.68;
  background:
    radial-gradient(circle at 12% 24%,rgba(241,186,102,.8) 0 1px,transparent 2px),
    radial-gradient(circle at 31% 69%,rgba(241,186,102,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 56% 17%,rgba(241,186,102,.65) 0 1px,transparent 2px),
    radial-gradient(circle at 84% 63%,rgba(241,186,102,.65) 0 1px,transparent 2px),
    repeating-radial-gradient(
      ellipse at -18% 60%,
      transparent 0 68px,
      rgba(23,162,184,.15) 69px,
      transparent 70px 112px
    ),
    repeating-radial-gradient(
      ellipse at 116% 28%,
      transparent 0 92px,
      rgba(216,165,94,.11) 93px,
      transparent 94px 152px
    );
  background-size:
    310px 290px,
    420px 350px,
    390px 310px,
    500px 430px,
    auto,
    auto;
}
.neo-hero:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.38;
  background:
    repeating-linear-gradient(
      124deg,
      transparent 0 125px,
      rgba(10,153,181,.10) 126px,
      transparent 127px 245px
    ),
    radial-gradient(ellipse at 0% 82%,transparent 55%,rgba(206,151,82,.16) 56%,transparent 57%);
  mask-image:linear-gradient(90deg,#000,transparent 75%);
}
.neo-light-left{
  background:rgba(0,120,165,.20);
  filter:blur(95px);
}
.neo-light-right{
  background:rgba(178,116,61,.19);
  filter:blur(90px);
}
.neo-copy h1{
  background:linear-gradient(120deg,#fff9ef 10%,#f2dfc3 55%,#dca96b 84%,#fff0d8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.neo-intro{
  color:#d2e0e5;
  border-left-color:#1bb5cb;
}
.neo-eyebrow{color:#edc68c}
.neo-signature{color:#9dbcc6}
.neo-signature-rule{background:#21abc2}
.neo-action-wa{
  background:linear-gradient(130deg,#063c50,#041d2c);
  border-color:#26b7cf;
  box-shadow:
    inset 0 0 20px rgba(12,155,184,.17),
    0 0 25px rgba(9,147,186,.20);
}
.neo-action-wa:hover{
  box-shadow:0 0 38px rgba(12,183,214,.36);
}
.neo-showcase{
  filter:drop-shadow(0 0 48px rgba(4,141,171,.13));
}
.neo-arch-outer{
  border-color:#dca85f;
  box-shadow:
    0 0 0 3px #30221c,
    0 0 40px rgba(224,164,81,.54),
    0 0 65px rgba(5,147,183,.20),
    inset 0 0 24px rgba(226,167,91,.25);
}
.neo-arch-inner{
  border-color:rgba(23,168,194,.53);
}
.neo-arch-glow{
  background:radial-gradient(ellipse at center,rgba(5,137,170,.24),transparent 72%);
}
.neo-column{
  box-shadow:
    0 0 23px rgba(225,164,79,.83),
    0 0 48px rgba(4,146,185,.20);
}
.neo-stage-surface{
  background:radial-gradient(ellipse,#0a5369,#031723 76%);
  border-color:#e6b779;
}
.neo-stage-front{
  background:linear-gradient(
    90deg,#211b19,#a87a45 10%,#062936 25%,
    #0b5265 55%,#062936 75%,#a87a45 90%,#211b19
  );
}
.neo-stats{
  background:
    radial-gradient(ellipse at 35% 0%,rgba(5,108,143,.20),transparent 65%),
    linear-gradient(110deg,rgba(2,18,30,.97),rgba(4,35,49,.95),rgba(2,17,29,.98));
  border-color:#e4b678;
  box-shadow:
    0 0 0 4px rgba(183,137,70,.17),
    0 0 35px rgba(0,126,168,.24),
    0 25px 60px rgba(0,0,0,.7);
  backdrop-filter:blur(20px);
}
.neo-stat small{color:#b5ced5}
.neo-bottomline{color:#a4bdc7}
.neo-card:hover .neo-card-inner,
.neo-card.is-focused .neo-card-inner{
  box-shadow:
    0 0 0 4px rgba(245,209,150,.50),
    0 0 40px rgba(226,170,90,.65),
    0 0 70px rgba(0,142,187,.27);
}
@media(max-width:850px){
  .neo-grain{opacity:.46}
  .neo-hero:after{opacity:.22}
}
@media(prefers-reduced-motion:reduce){
  .neo-hero *{animation:none!important}
}