:root{
  --navy:#0a1039;
  --navy-2:#0d1450;
  --blue:#2f6bff;
  --purple:#7b3ff2;
  --pink:#ff2fb0;
  --teal:#12c2b0;
  --orange:#ff7a1a;
  --orange-2:#ff9a3d;
  --yellow:#ffc93c;
  --green:#1fae6b;
  --lime:#7ede2d;
  --red:#e8493f;
  --cyan:#22d3ee;
  --text-dark:#151a3a;
  --muted:#6b7280;
  --radius:14px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  /* font-family:'Inter',sans-serif; */
  color:var(--text-dark);
  background:linear-gradient(180deg,#f4f6fb 0%, #fdf3ff 35%, #eefcf9 70%, #f4f6fb 100%);
  overflow-x:hidden;
}

/* floating confetti shapes used across colorful sections */
.confetti{position:absolute;border-radius:50%;pointer-events:none;opacity:.55;filter:blur(.5px);animation:confettiFloat 7s ease-in-out infinite;}
@keyframes confettiFloat{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-22px) rotate(180deg);}}
@keyframes spinSlow{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes rainbowShift{0%{filter:hue-rotate(0deg);}100%{filter:hue-rotate(360deg);}}
@keyframes gradientMove{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}
@keyframes pop{0%{transform:scale(.9);}50%{transform:scale(1.08);}100%{transform:scale(1);}}
@keyframes bounceSoft{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}
@keyframes shine{0%{transform:translateX(-120%) rotate(20deg);}100%{transform:translateX(220%) rotate(20deg);}}
h1,h2,h3,h4,h5,h6,.brand-mark,.tab-btn,.quick-label,.section-title{
  /* font-family:'Poppins',sans-serif; */
}
.text-light-70{color:rgba(255,255,255,.7);}
.text-accent{
  background:linear-gradient(90deg,var(--orange),var(--pink),var(--yellow),var(--orange));
  background-size:300% auto;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:gradientMove 4s linear infinite;
}

.bg-glass-blur{
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}
.pink-glow-btn{
    background: linear-gradient(135deg, var(--pink), var(--orange));
    background-size: 200% auto;
    color: #fff;
    border: none;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
    animation: fadeDown .25s ease;
}
   .pink-glow-btn:hover{ transform: translateY(-3px);
    box-shadow: 0 10px 24px rgba(255, 47, 176, .45);
    color: #fff;
    background-position: right center;
   }

   /* ===================== CURSOR TYPES========================== */
.cursor-default{cursor:default;}
.cursor-pointer{cursor:pointer;}
.cursor-text{cursor:text;}
.cursor-move{cursor:move;}
.cursor-grab{cursor:grab;}
.cursor-grabbing{cursor:grabbing;}
.cursor-not-allowed{cursor:not-allowed;}
.cursor-wait{cursor:wait;}
.cursor-progress{cursor:progress;}
.cursor-crosshair{cursor:crosshair;}
.cursor-help{cursor:help;}
.cursor-zoom-in{cursor:zoom-in;}
.cursor-zoom-out{cursor:zoom-out;}
.cursor-alias{cursor:alias;}
.cursor-copy{cursor:copy;}
.cursor-cell{cursor:cell;}
.cursor-context-menu{cursor:context-menu;}
.cursor-no-drop{cursor:no-drop;}
.cursor-vertical-text{cursor:vertical-text;}
.cursor-all-scroll{cursor:all-scroll;}
.cursor-col-resize{cursor:col-resize;}
.cursor-row-resize{cursor:row-resize;}
.cursor-e-resize{cursor:e-resize;}
.cursor-w-resize{cursor:w-resize;}
.cursor-n-resize{cursor:n-resize;}
.cursor-s-resize{cursor:s-resize;}
.cursor-ne-resize{cursor:ne-resize;}
.cursor-nw-resize{cursor:nw-resize;}
.cursor-se-resize{cursor:se-resize;}
.cursor-sw-resize{cursor:sw-resize;}
.cursor-ew-resize{cursor:ew-resize;}
.cursor-ns-resize{cursor:ns-resize;}
.cursor-nesw-resize{cursor:nesw-resize;}
.cursor-nwse-resize{cursor:nwse-resize;}