.hero-video-wrapper{
position:absolute;
top:0;left:0;
width:100%;height:100%;
overflow:hidden;
z-index:-1;
}
.hero-video{
width:100%;
height:100%;
object-fit:cover;
}


/* =============================
   SECTION 4 (SCOPED ONLY)
   ============================= */
.section-4-hero{
  width:100%;
  min-height:100vh;
  background-image:url("section4-bg.jpg");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  display:flex;
  align-items:flex-start;
  justify-content:center;
}

.section-4-hero .section-4-inner{
  width:min(1200px, 92%);
  margin:0 auto;
  padding-top:64px;
  padding-bottom:120px; /* keeps content safely above lower divider on most screens */
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:34px;
}

.section-4-hero .section4-title{
  width:100%;
  display:flex;
  justify-content:center;
}

.section-4-hero .section4-plate{
  background:rgba(0,0,0,.78);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:18px 22px;
  box-shadow:0 0 30px rgba(0,0,0,.75);
  text-align:center;
}

.section-4-hero .section4-heading{
  margin:0;
  font-weight:900;
  letter-spacing:1.5px;
  font-size:clamp(30px, 4.2vw, 64px);
  background:linear-gradient(90deg,#00ffe1,#ffd86a,#9cbcff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 18px rgba(0,255,220,.75);
  animation:s4MegaGlow 2.6s infinite alternate;
}

.section-4-hero .section4-sub{
  margin:6px 0 0;
  color:#ffffff;
  font-weight:600;
  font-size:clamp(14px, 1.3vw, 18px);
  text-shadow:0 0 10px rgba(0,0,0,.65);
}

@keyframes s4MegaGlow{
  from{ text-shadow:0 0 10px rgba(0,255,220,.45); }
  to{ text-shadow:0 0 26px rgba(0,255,220,1); }
}

.section-4-hero .section4-boxes{
  width:100%;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:22px;
}

.section-4-hero .s4-box{
  position:relative;
  display:block;
  border-radius:16px;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .45s ease, box-shadow .45s ease;
  text-decoration:none;
}

.section-4-hero .s4-box img{
  width:100%;
  height:100%;
  aspect-ratio: 4 / 3;
  object-fit:cover;
  display:block;
  transform:scale(1.001);
  transition:transform .45s ease;
}

/* futuristic hover */
.section-4-hero .s4-box::after{
  content:"";
  position:absolute;
  inset:-2px;
  opacity:0;
  border-radius:18px;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(0,255,200,.35), rgba(120,150,255,.35), rgba(255,200,80,.35));
  transition:opacity .45s ease;
  mix-blend-mode:screen;
}

.section-4-hero .s4-box::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  background:linear-gradient( to right, transparent, rgba(255,255,255,.25), transparent );
  transform:translateX(-120%);
  transition:opacity .45s ease, transform .75s ease;
}

.section-4-hero .s4-box:hover{
  transform:translateY(-10px) scale(1.03);
  box-shadow:0 0 35px rgba(0,255,200,.55);
}

.section-4-hero .s4-box:hover img{
  transform:scale(1.06);
}

.section-4-hero .s4-box:hover::after{
  opacity:1;
}

.section-4-hero .s4-box:hover::before{
  opacity:1;
  transform:translateX(120%);
}

/* responsive */
@media (max-width: 1024px){
  .section-4-hero .section4-boxes{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 520px){
  .section-4-hero .section-4-inner{ padding-top:44px; padding-bottom:110px; gap:24px; }
  .section-4-hero .section4-boxes{ grid-template-columns:1fr; }
  .section-4-hero .s4-box:hover{ transform:scale(1.01); }
}


/* === SECTION 4: MAKE TITLE AREA SMALLER (OVERRIDE ONLY) === */
.section-4-hero{
  min-height: 85vh; /* was 100vh */
}

.section-4-hero .section-4-inner{
  padding-top: 44px;   /* was 64px */
  padding-bottom: 80px;/* was 120px */
  gap: 22px;           /* was 34px */
}

.section-4-hero .section4-plate{
  padding: 12px 16px;  /* smaller plate */
  border-radius: 16px;
}

.section-4-hero .section4-heading{
  font-size: clamp(26px, 3.6vw, 52px); /* slightly smaller */
  letter-spacing: 1.2px;
}

.section-4-hero .section4-sub{
  font-size: clamp(13px, 1.15vw, 16px);
}

/* mobile: a bit tighter */
@media (max-width: 520px){
  .section-4-hero{ min-height: 80vh; }
  .section-4-hero .section-4-inner{ padding-top: 36px; padding-bottom: 70px; gap: 18px; }
}
/* === END OVERRIDE === */


/* === SECTION 4 TITLE MUCH SMALLER === */
.section-4-hero{
  min-height:70vh;
}

.section-4-hero .section-4-inner{
  padding-top:26px;
  padding-bottom:50px;
  gap:14px;
}

.section-4-hero .section4-plate{
  padding:8px 12px;
}

.section-4-hero .section4-heading{
  font-size:clamp(22px,3vw,40px);
  letter-spacing:1px;
}

.section-4-hero .section4-sub{
  font-size:clamp(12px,1vw,14px);
}

@media(max-width:520px){
  .section-4-hero{min-height:60vh;}
  .section-4-hero .section-4-inner{
    padding-top:20px;
    padding-bottom:40px;
    gap:10px;
  }
}
/* === END EXTRA SMALL === */


/* === SECTION 4 TITLE TINY (FINAL TIGHTEN) === */
.section-4-hero{
  min-height:55vh;
}

.section-4-hero .section-4-inner{
  padding-top:16px;
  padding-bottom:32px;
  gap:8px;
}

.section-4-hero .section4-plate{
  padding:6px 10px;
}

.section-4-hero .section4-heading{
  font-size:clamp(20px,2.6vw,34px);
}

.section-4-hero .section4-sub{
  font-size:clamp(11px,.9vw,13px);
}

@media(max-width:520px){
  .section-4-hero{min-height:50vh;}
  .section-4-hero .section-4-inner{
    padding-top:12px;
    padding-bottom:26px;
    gap:6px;
  }
}
/* === END TINY === */


/* === ONLY TITLE PLATE SMALLER (NO SECTION SIZE CHANGE) === */
.section-4-hero .section4-plate{
  padding:6px 10px !important;
}

.section-4-hero .section4-heading{
  font-size:clamp(20px,2.4vw,34px) !important;
  letter-spacing:1px !important;
}

.section-4-hero .section4-sub{
  font-size:clamp(11px,1vw,13px) !important;
}

@media(max-width:520px){
  .section-4-hero .section4-heading{
    font-size:22px !important;
  }
}
/* === END TITLE ONLY === */


/* === TITLE EVEN SMALLER (ONLY TITLE) === */
.section-4-hero .section4-plate{
  padding:4px 8px !important;
}

.section-4-hero .section4-heading{
  font-size:clamp(18px,2.1vw,30px) !important;
}

.section-4-hero .section4-sub{
  font-size:clamp(10px,.9vw,12px) !important;
}

/* === BOXES: SHOW FULL IMAGE (NO CROP) === */
.section-4-hero .s4-box img{
  height:auto !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}

.section-4-hero .s4-box{
  padding:6px;
}

/* slightly smaller boxes */
.section-4-hero .section4-boxes{
  gap:16px;
}



/* === MOVE TITLE UP ~2 LINES (HALF SECTION 3/4) === */
.section-4-hero .section4-title{
  margin-top:-40px !important;
}
/* === END MOVE === */



/* === TRUE HALF OVER SECTION 3/4 (TITLE ONLY) === */
.section-4-hero .section4-title{
  margin-top:-120px !important;   /* pull into section 3 */
  z-index:50;
}

@media(max-width:520px){
  .section-4-hero .section4-title{
    margin-top:-80px !important;
  }
}
/* === END TRUE HALF === */



/* === MICRO ADJUST: 1 LINE DOWN ONLY === */
.section-4-hero .section4-title{
  margin-top:-95px !important; /* was ~ -120px */
}

@media(max-width:520px){
  .section-4-hero .section4-title{
    margin-top:-65px !important;
  }
}
/* === END MICRO ADJUST === */



/* === MICRO ADJUST: +1 MORE LINE DOWN === */
.section-4-hero .section4-title{
  margin-top:-75px !important;
}

@media(max-width:520px){
  .section-4-hero .section4-title{
    margin-top:-50px !important;
  }
}
/* === END +1 DOWN === */



/* === FINAL: ONLY 1 LINE DOWN === */
.section-4-hero .section4-title{
  margin-top:-95px !important;
}

@media(max-width:520px){
  .section-4-hero .section4-title{
    margin-top:-65px !important;
  }
}
/* === END FINAL === */



/* === FINAL ADJUST: MOVE TITLE DOWN ~2 LINES === */
.section-4-hero .section4-title{
  margin-top:-55px !important;   /* was ~ -95px */
}

@media(max-width:520px){
  .section-4-hero .section4-title{
    margin-top:-35px !important;
  }
}
/* === END 2 LINES DOWN === */



/* ===== SECTION 4: VIEW ALL COURSES BUTTON (SCOPED) ===== */
.section-4-hero .section4-action{
  width:100%;
  display:flex;
  justify-content:center;
  margin-top:28px;
}

.section-4-hero .s4-viewall-btn{
  display:inline-block;
  padding:12px 36px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:1px;
  text-decoration:none;
  color:#000;
  background:linear-gradient(135deg,#00ff9c,#00c56e);
  box-shadow:0 0 12px rgba(0,255,140,.6);
  animation:s4GreenPulse 1.8s infinite;
  transition:transform .25s ease, box-shadow .25s ease;
}

.section-4-hero .s4-viewall-btn:hover{
  transform:scale(1.08);
  box-shadow:0 0 28px rgba(0,255,140,1);
}

@keyframes s4GreenPulse{
  0%{ box-shadow:0 0 10px rgba(0,255,140,.5); }
  50%{ box-shadow:0 0 22px rgba(0,255,140,.95); }
  100%{ box-shadow:0 0 10px rgba(0,255,140,.5); }
}
/* ===== END SECTION 4 BUTTON ===== */


/* ===== SECTION 4 CTA BELOW YELLOW LINE ===== */
.section-4-hero .section4-cta{
  margin-top:40px;
  text-align:center;
}

.section-4-hero .section4-cta-text{
  max-width:760px;
  margin:0 auto 14px;
  color:#fff;
  font-weight:600;
  line-height:1.5;
  text-shadow:0 0 10px rgba(0,0,0,.6);
}

/* Gold glowing button like provided image */
.section-4-hero .section4-cta-btn{
  display:inline-block;
  padding:12px 34px;
  border-radius:28px;
  font-weight:800;
  letter-spacing:.5px;
  text-decoration:none;
  color:#3a2300;
  background:linear-gradient(135deg,#ffd36a,#ffb300);
  box-shadow:0 0 14px rgba(255,200,80,.7);
  animation:s4GoldPulse 2s infinite;
  transition:.25s;
}

.section-4-hero .section4-cta-btn:hover{
  transform:scale(1.06);
  box-shadow:0 0 28px rgba(255,200,80,1);
}

@keyframes s4GoldPulse{
  0%{box-shadow:0 0 10px rgba(255,200,80,.6);}
  50%{box-shadow:0 0 22px rgba(255,200,80,.95);}
  100%{box-shadow:0 0 10px rgba(255,200,80,.6);}
}
/* ===== END SECTION 4 CTA ===== */


/* === SECTION 4 CTA: MOVE DOWN ~3 LINES ONLY === */
.section-4-hero .section4-cta{
  margin-top:88px !important; /* previously ~40px */
}
/* === END CTA MOVE === */



/* === CTA EXTRA +3 LINES DOWN (TOTAL ~6) === */
.section-4-hero .section4-cta{
  margin-top:136px !important; /* was ~88px */
}
/* === END EXTRA MOVE === */



/* === CTA STYLISH BLACK TRANSPARENT PLATE (ONLY CTA) === */
.section-4-hero .section4-cta{
  background:rgba(0,0,0,.65);
  padding:26px 28px;
  border-radius:22px;
  box-shadow:0 0 35px rgba(0,0,0,.8);
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}

.section-4-hero .section4-cta-text{
  font-size:18px;
  background:linear-gradient(90deg,#ffd36a,#00ffe1,#9cbcff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  font-weight:700;
}

.section-4-hero .section4-cta-btn{
  margin-top:14px;
  padding:14px 40px;
  font-size:15px;
}

@media(max-width:520px){
  .section-4-hero .section4-cta{
    padding:20px 18px;
  }
  .section-4-hero .section4-cta-text{
    font-size:15px;
  }
}
/* === END CTA STYLE === */



/* === CTA: GLOW + SPARKLE STARLIGHT ANIMATION (ONLY CTA) === */
.section-4-hero .section4-cta{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 22px rgba(0,255,220,.25), 0 0 55px rgba(0,0,0,.85);
  animation:s4PlateGlow 3.2s ease-in-out infinite;
}

@keyframes s4PlateGlow{
  0%,100%{ box-shadow:0 0 18px rgba(0,255,220,.18), 0 0 55px rgba(0,0,0,.85); }
  50%{    box-shadow:0 0 34px rgba(0,255,220,.35), 0 0 70px rgba(0,0,0,.88); }
}

/* starfield layer */
.section-4-hero .section4-cta::before{
  content:"";
  position:absolute;
  inset:-40px;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 28% 72%, rgba(255,255,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 56% 32%, rgba(255,255,255,.75) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 64%, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 90% 22%, rgba(255,255,255,.7) 0 1px, transparent 2px),
    radial-gradient(circle at 42% 88%, rgba(255,255,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 8% 62%, rgba(255,255,255,.75) 0 1px, transparent 2px);
  filter:drop-shadow(0 0 6px rgba(0,255,220,.25));
  animation:s4StarsDrift 8s linear infinite;
}

@keyframes s4StarsDrift{
  0%{ transform:translate3d(0,0,0) scale(1); }
  50%{ transform:translate3d(20px,-14px,0) scale(1.03); }
  100%{ transform:translate3d(0,0,0) scale(1); }
}

/* sparkle sweep */
.section-4-hero .section4-cta::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.18) 45%, transparent 60%);
  transform:translateX(-120%);
  animation:s4SparkSweep 3.6s ease-in-out infinite;
}

@keyframes s4SparkSweep{
  0%{ opacity:0; transform:translateX(-120%); }
  20%{ opacity:.65; }
  50%{ opacity:.35; transform:translateX(120%); }
  100%{ opacity:0; transform:translateX(120%); }
}

.section-4-hero .section4-cta-text{
  position:relative;
  z-index:1;
  animation:s4TextShimmer 2.8s ease-in-out infinite;
}

@keyframes s4TextShimmer{
  0%,100%{ filter:drop-shadow(0 0 6px rgba(0,255,220,.15)); }
  50%{ filter:drop-shadow(0 0 14px rgba(255,210,90,.35)); }
}

.section-4-hero .section4-cta-btn{
  position:relative;
  z-index:1;
}
/* === END CTA SPARKLE === */



/* === SECTION 4 CTA BUTTON: SCI-FI TECH LOOK (ONLY THIS BUTTON) === */
.section-4-hero .section4-cta-btn{
  color:#eaffff !important;
  background:rgba(0,0,0,.35) !important;
  border:1px solid rgba(0,255,220,.55) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,220,.12) inset,
    0 0 22px rgba(0,255,220,.35) !important;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  position:relative;
  overflow:hidden;
  border-radius:14px !important; /* not pill */
  padding:14px 34px !important;
  text-transform:uppercase;
  letter-spacing:1.6px !important;
}

.section-4-hero .section4-cta-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, transparent, rgba(0,255,220,.25), transparent);
  transform:translateX(-120%);
  animation:s4TechScan 2.4s linear infinite;
  pointer-events:none;
}

@keyframes s4TechScan{
  0%{ transform:translateX(-120%); opacity:0; }
  15%{ opacity:.9; }
  50%{ opacity:.55; transform:translateX(120%); }
  100%{ opacity:0; transform:translateX(120%); }
}

.section-4-hero .section4-cta-btn::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:16px;
  background:conic-gradient(from 90deg, rgba(0,255,220,.0), rgba(0,255,220,.45), rgba(255,210,90,.35), rgba(0,255,220,.0));
  filter:blur(10px);
  opacity:.55;
  pointer-events:none;
  animation:s4TechAura 3.2s ease-in-out infinite;
}

@keyframes s4TechAura{
  0%,100%{ opacity:.35; transform:scale(1); }
  50%{ opacity:.75; transform:scale(1.06); }
}

.section-4-hero .section4-cta-btn:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 0 0 1px rgba(0,255,220,.18) inset,
    0 0 38px rgba(0,255,220,.6) !important;
}

/* mobile: keep simple */
@media(max-width:520px){
  .section-4-hero .section4-cta-btn{
    width:100%;
    max-width:320px;
  }
}
/* === END SCI-FI BUTTON === */



/* =============================
   SECTION 5: WE ACCEPT STRIP (SCOPED)
   ============================= */
.section-5-weaccept{
  width:100%;
  padding:32px 0;
  background:transparent;
}

.section-5-weaccept__inner{
  width:min(1200px, 96%);
  margin:0 auto;
  display:flex;
  justify-content:center;
  align-items:center;
}

.section-5-weaccept__img{
  width:100%;
  max-width:1100px;
  height:auto;
  display:block;
  border-radius:14px;
}

/* responsive breathing room */
@media(max-width:520px){
  .section-5-weaccept{ padding:22px 0; }
  .section-5-weaccept__img{ border-radius:12px; }
}


/* === SECTION 5 SLIM BAR OVERRIDE === */
.section-5-weaccept{
  padding:10px 0 !important;
}

.section-5-weaccept__img{
  max-width:900px !important;
  height:60px !important;
  object-fit:contain;
}

@media(max-width:520px){
  .section-5-weaccept__img{
    height:42px !important;
  }
}
/* === END SLIM BAR === */



/* === SECTION 5 ULTRA SLIM BAR === */
.section-5-weaccept{
  padding:4px 0 !important;
}

.section-5-weaccept__img{
  max-width:760px !important;
  height:36px !important;
  object-fit:contain;
}

@media(max-width:520px){
  .section-5-weaccept__img{
    height:28px !important;
  }
}
/* === END ULTRA SLIM === */



/* ===== SECTION 5 TEACHING MARQUEE (ULTRA SLIM SAFE) ===== */
.section-5-weaccept__inner{
  gap:12px;
}

.s5-marquee{
  white-space:nowrap;
  font-weight:800;
  font-size:13px;
  letter-spacing:.6px;
  color:#eaffff;
  text-shadow:0 0 6px rgba(0,255,220,.6);
  overflow:hidden;
}

.s5-left{
  animation:s5ScrollLeft 14s linear infinite;
}

.s5-right{
  animation:s5ScrollRight 14s linear infinite;
}

@keyframes s5ScrollLeft{
  0%{transform:translateX(100%);}
  100%{transform:translateX(-100%);}
}

@keyframes s5ScrollRight{
  0%{transform:translateX(-100%);}
  100%{transform:translateX(100%);}
}

@media(max-width:520px){
  .s5-marquee{font-size:11px;}
}
/* ===== END SECTION 5 MARQUEE ===== */



/* ===== SECTION 5: MARQUEE FULL-LINE FIX (SLIM + RESPONSIVE) ===== */
.section-5-weaccept__inner{
  align-items:center;
}

.s5-marquee{
  flex:1 1 0;
  min-width:0;               /* IMPORTANT: allow flex item to shrink */
  overflow:hidden;           /* clip only the moving track, not the text height */
  height:36px;               /* match ultra-slim image height */
  display:flex;
  align-items:center;
}

.s5-track{
  display:flex;
  gap:48px;                  /* spacing between repeats */
  white-space:nowrap;
  will-change:transform;
}

.s5-track span{
  display:inline-block;
  font-weight:900;
  font-size:13px;
  letter-spacing:.6px;
  line-height:36px;
  color:#eaffff;
  text-shadow:0 0 6px rgba(0,255,220,.6);
}

/* animations: move by 50% because we duplicated text twice */
.s5-left .s5-track{
  animation:s5MarqueeLeft 14s linear infinite;
}
.s5-right .s5-track{
  animation:s5MarqueeRight 14s linear infinite;
}

@keyframes s5MarqueeLeft{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

@keyframes s5MarqueeRight{
  0%{ transform:translateX(-50%); }
  100%{ transform:translateX(0); }
}

/* keep strip slim on mobile */
@media(max-width:520px){
  .s5-marquee{ height:28px; }
  .s5-track span{ font-size:11px; line-height:28px; gap:32px; }
}

/* if screen is too narrow, hide marquees so bar stays clean */
@media(max-width:360px){
  .s5-marquee{ display:none; }
}
/* ===== END SECTION 5 FIX ===== */



/* ===== SECTION 5: DANCING TEXT (NO HORIZONTAL MARQUEE, SLIM + RESPONSIVE) ===== */
.section-5-weaccept__inner{
  gap:12px;
}

.section-5-weaccept__img{
  flex:0 0 auto;
}

.s5-dance{
  flex:1 1 0;
  min-width:0;
  height:36px;             /* match ultra-slim bar */
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.s5-dance-text{
  display:block;
  white-space:nowrap;
  font-weight:900;
  font-size:13px;
  letter-spacing:.6px;
  color:#eaffff;
  text-shadow:0 0 6px rgba(0,255,220,.6);
  animation:s5Float 2.8s ease-in-out infinite;
}

/* alternate directions for a nice "dancing" feel */
.s5-right .s5-dance-text{
  animation-delay:.35s;
}

@keyframes s5Float{
  0%,100%{ transform:translateY(0); opacity:1; }
  50%{ transform:translateY(-6px); opacity:.95; }
}

@media(max-width:520px){
  .s5-dance{ height:28px; }
  .s5-dance-text{ font-size:11px; }
}

@media(max-width:360px){
  .s5-dance{ display:none; }
}
/* ===== END SECTION 5 DANCING TEXT ===== */



/* ===== SECTION 5: FULL TEXT + DANCING (NO MARQUEE, SLIM) ===== */
/* Give more horizontal room to the texts by limiting the logo strip width */
.section-5-weaccept__img{
  width:auto !important;
  max-width:220px !important;   /* was larger, now leaves space for full text */
  height:36px !important;
}

/* Allow full text to show (no ellipsis, no clipping) */
.s5-dance{
  overflow:visible !important;
  padding:0 6px;
}

.s5-dance-text{
  white-space:nowrap;
  overflow:visible !important;
  text-overflow:clip !important;
  max-width:none !important;
  /* auto shrink font to fit more characters while staying slim */
  font-size:clamp(9px, 0.95vw, 13px);
  letter-spacing:.35px;
}

/* Keep the same slim height on mobile and shrink logo + font further */
@media(max-width:520px){
  .section-5-weaccept__img{
    max-width:160px !important;
    height:28px !important;
  }
  .s5-dance{ height:28px; }
  .s5-dance-text{ font-size:9px; letter-spacing:.2px; }
}

@media(max-width:390px){
  .section-5-weaccept__img{ max-width:140px !important; }
  .s5-dance-text{ font-size:8px; }
}
/* ===== END FULL TEXT FIX ===== */



/* ===== SECTION 5: STOP ALL MARQUEE (HORIZONTAL) + KEEP ONLY UP/DOWN DANCE ===== */
/* hard-disable any old marquee animations/transforms if they exist */
.section-5-weaccept .s5-marquee,
.section-5-weaccept .s5-track,
.section-5-weaccept .s5-left .s5-track,
.section-5-weaccept .s5-right .s5-track{
  animation:none !important;
  transform:none !important;
}

/* keep slim bar, center layout */
.section-5-weaccept__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

/* make logo smaller to free space for full text */
.section-5-weaccept__img{
  flex:0 0 auto;
  max-width:200px !important;
  height:36px !important;
}

/* dancing blocks: no horizontal movement, only vertical float */
.s5-dance{
  flex:1 1 0;
  min-width:0;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:visible;          /* show full text */
}

.s5-dance-text{
  white-space:nowrap;
  font-weight:900;
  letter-spacing:.35px;
  color:#eaffff;
  text-shadow:0 0 6px rgba(0,255,220,.6);
  animation:s5FloatOnly 2.8s ease-in-out infinite;
  transform:translateY(0);
  font-size:clamp(9px, 0.9vw, 13px);
}

/* small stagger so it feels alive */
.s5-right .s5-dance-text{ animation-delay:.35s; }

@keyframes s5FloatOnly{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-5px); }
}

/* mobile: keep slim, shrink logo + font (still full text, no marquee) */
@media(max-width:520px){
  .section-5-weaccept__img{ max-width:150px !important; height:28px !important; }
  .s5-dance{ height:28px; }
  .s5-dance-text{ font-size:clamp(8px, 2.2vw, 10px); }
}

@media(max-width:390px){
  .section-5-weaccept__img{ max-width:120px !important; }
  .s5-dance-text{ font-size:8px; }
}
/* ===== END SECTION 5 DANCE ONLY ===== */



/* ===== SECTION 5: FORCE STOP ANY HORIZONTAL MARQUEE ===== */
/* Nuke any animation/transform inside Section 5 EXCEPT the vertical float on .s5-dance-text */
.section-5-weaccept *{
  animation: none !important;
  transform: none !important;
}

/* Re-apply ONLY the vertical dance */
.section-5-weaccept .s5-dance-text{
  animation: s5FloatOnly 2.8s ease-in-out infinite !important;
}

/* Ensure no left/right scrolling even if old rules exist */
.section-5-weaccept .s5-left,
.section-5-weaccept .s5-right,
.section-5-weaccept .s5-marquee,
.section-5-weaccept .s5-track{
  animation: none !important;
  transform: none !important;
}
/* ===== END FORCE STOP ===== */


/* ===== SECTION 5: GLOW + SPARKLE (DANCE ONLY, STAYS IN FRAME) ===== */
.section-5-weaccept .s5-dance{
  position:relative;
  overflow:hidden !important;  /* keep everything inside bar */
}

.section-5-weaccept .s5-dance-text{
  position:relative;
  z-index:2;
  padding:0 10px;
  filter:drop-shadow(0 0 8px rgba(0,255,220,.35));
  animation: s5FloatOnly 2.6s ease-in-out infinite, s5TextGlow 2.2s ease-in-out infinite !important;
}

/* extra glow pulse */
@keyframes s5TextGlow{
  0%,100%{ filter:drop-shadow(0 0 6px rgba(0,255,220,.25)); opacity:1; }
 
  50%{ filter:drop-shadow(0 0 16px rgba(255,210,90,.35)); opacity:.98; }
}

/* sparkle layer inside each text block */
.section-5-weaccept .s5-dance::before{
  content:"";
  position:absolute;
  inset:-12px;
  z-index:1;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(circle at 14% 35%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 32% 70%, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 56% 28%, rgba(255,255,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 78% 62%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 90% 40%, rgba(255,255,255,.75) 0 1px, transparent 2px);
  filter:drop-shadow(0 0 6px rgba(0,255,220,.25));
  animation:s5SparkDrift 5.5s linear infinite;
}

@keyframes s5SparkDrift{
  0%{ transform:translate3d(0,0,0); opacity:.35; }
  35%{ opacity:.65; }
  50%{ transform:translate3d(18px,-6px,0); opacity:.55; }
  100%{ transform:translate3d(0,0,0); opacity:.35; }
}

/* keep sparkles subtle on mobile */
@media(max-width:520px){
  .section-5-weaccept .s5-dance::before{ opacity:.35; }
}
/* ===== END SECTION 5 SPARKLE ===== */



/* ===== SECTION 5: RESPONSIVE TEXT SIZE (ALL DEVICES) ===== */
/* Make text auto-fit across screen sizes without breaking the slim bar */
.section-5-weaccept .s5-dance-text{
  font-size: clamp(8px, 1.35vw, 13px) !important;
  letter-spacing: clamp(.15px, .25vw, .6px) !important;
}

/* On smaller phones, slightly reduce logo to give more room */
@media (max-width: 600px){
  .section-5-weaccept__img{
    max-width: 135px !important;
  }
}

/* Very small devices: keep single-line readable */
@media (max-width: 380px){
  .section-5-weaccept .s5-dance-text{
    font-size: 7.5px !important;
    letter-spacing: .1px !important;
  }
  .section-5-weaccept__img{
    max-width: 115px !important;
  }
}
/* ===== END RESPONSIVE TEXT ===== */



/* ===== SECTION 5: MOBILE ROTATE (ONE MESSAGE AT A TIME) ===== */
/* Desktop/tablet: keep both left/right dancing texts; hide rotator */
.section-5-weaccept .s5-rotator{ display:none; }

/* Mobile: show rotator, hide side texts to avoid mess */
@media (max-width: 700px){
  .section-5-weaccept .s5-left,
  .section-5-weaccept .s5-right{
    display:none !important;
  }

  .section-5-weaccept .section-5-weaccept__inner{
    position:relative;
    justify-content:center;
  }

  .section-5-weaccept .s5-rotator{
    display:flex;
    align-items:center;
    justify-content:center;
    height:36px;           /* keep same slim height */
    flex:1 1 auto;
    min-width:0;
    overflow:hidden;       /* keep inside bar */
    position:relative;
  }

  .section-5-weaccept .s5-rot{
    position:absolute;
    left:0;
    right:0;
    text-align:center;
    white-space:nowrap;
    font-weight:900;
    color:#eaffff;
    text-shadow:0 0 6px rgba(0,255,220,.6);
    padding:0 10px;
    font-size:clamp(9px, 2.6vw, 12px);
    letter-spacing:.35px;
    /* combine: little up/down + glow */
    animation: s5FloatOnly 2.6s ease-in-out infinite, s5TextGlow 2.2s ease-in-out infinite;
  }

  /* alternate every 4s with fade (total cycle 8s) */
  .section-5-weaccept .s5-rot-a{
    animation-name: s5RotA, s5TextGlow;
    animation-duration: 8s, 2.2s;
    animation-iteration-count: infinite, infinite;
    animation-timing-function: ease-in-out, ease-in-out;
  }
  .section-5-weaccept .s5-rot-b{
    animation-name: s5RotB, s5TextGlow;
    animation-duration: 8s, 2.2s;
    animation-iteration-count: infinite, infinite;
    animation-timing-function: ease-in-out, ease-in-out;
  }

  @keyframes s5RotA{
    0%{ opacity:0; transform:translateY(2px); }
    6%{ opacity:1; transform:translateY(0); }
    44%{ opacity:1; transform:translateY(-4px); }
    50%{ opacity:0; transform:translateY(-6px); }
    100%{ opacity:0; transform:translateY(2px); }
  }
  @keyframes s5RotB{
    0%{ opacity:0; transform:translateY(2px); }
    50%{ opacity:0; transform:translateY(2px); }
    56%{ opacity:1; transform:translateY(0); }
    94%{ opacity:1; transform:translateY(-4px); }
    100%{ opacity:0; transform:translateY(-6px); }
  }

  /* sparkle layer inside rotator (subtle, inside frame) */
  .section-5-weaccept .s5-rotator::before{
    content:"";
    position:absolute;
    inset:-12px;
    pointer-events:none;
    opacity:.45;
    background:
      radial-gradient(circle at 14% 35%, rgba(255,255,255,.9) 0 1px, transparent 2px),
      radial-gradient(circle at 32% 70%, rgba(255,255,255,.85) 0 1px, transparent 2px),
      radial-gradient(circle at 56% 28%, rgba(255,255,255,.8) 0 1px, transparent 2px),
      radial-gradient(circle at 78% 62%, rgba(255,255,255,.9) 0 1px, transparent 2px),
      radial-gradient(circle at 90% 40%, rgba(255,255,255,.75) 0 1px, transparent 2px);
    filter:drop-shadow(0 0 6px rgba(0,255,220,.25));
    animation:s5SparkDrift 5.5s linear infinite;
  }
}

@media (max-width: 520px){
  .section-5-weaccept .s5-rotator{ height:28px; }
  .section-5-weaccept .s5-rot{ font-size:clamp(8px, 3.2vw, 10px); }
}
/* ===== END MOBILE ROTATE ===== */



/* =============================
   SECTION 6: SLIM FOOTER (SCOPED)
   ============================= */
.site-footer-slim{
  width:100%;
  padding:10px 0;                 /* very slim */
  background:rgba(0,0,0,.92);
  border-top:1px solid rgba(255,255,255,.08);
}

.site-footer-slim__inner{
  width:min(1200px, 94%);
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.site-footer-slim__copy{
  color:#eaffff;
  font-weight:700;
  font-size:12px;
  letter-spacing:.25px;
  text-shadow:0 0 8px rgba(0,255,220,.18);
  white-space:nowrap;
}

.site-footer-slim__nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

/* beautiful black sparkle animated glowing chips */
.footer-chip{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  border:1px solid rgba(0,255,220,.35);
  color:#eaffff;
  font-weight:800;
  font-size:11px;
  letter-spacing:.6px;
  text-decoration:none;
  overflow:hidden;
  box-shadow:
    0 0 0 1px rgba(0,255,220,.08) inset,
    0 0 14px rgba(0,255,220,.22);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* sparkle stars */
.footer-chip::before{
  content:"";
  position:absolute;
  inset:-10px;
  opacity:.55;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 45%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 38% 25%, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 62% 62%, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 35%, rgba(255,255,255,.9) 0 1px, transparent 2px);
  filter:drop-shadow(0 0 6px rgba(0,255,220,.25));
  animation:footerStars 6.5s linear infinite;
}

@keyframes footerStars{
  0%{ transform:translate3d(0,0,0); opacity:.35; }
  40%{ opacity:.6; }
  50%{ transform:translate3d(14px,-6px,0); opacity:.5; }
  100%{ transform:translate3d(0,0,0); opacity:.35; }
}

/* scan line */
.footer-chip::after{
  content:"";
  position:absolute;
  inset:0;
  opacity:.0;
  pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(0,255,220,.22), transparent);
  transform:translateX(-120%);
  animation:footerScan 2.8s linear infinite;
}

@keyframes footerScan{
  0%{ opacity:0; transform:translateX(-120%); }
  15%{ opacity:.75; }
  50%{ opacity:.35; transform:translateX(120%); }
  100%{ opacity:0; transform:translateX(120%); }
}

.footer-chip:hover{
  transform:translateY(-2px);
  border-color:rgba(255,210,90,.45);
  box-shadow:
    0 0 0 1px rgba(255,210,90,.10) inset,
    0 0 24px rgba(0,255,220,.45);
}

/* mobile: stack neatly while staying slim */
@media(max-width:640px){
  .site-footer-slim{
    padding:12px 0;
  }
  .site-footer-slim__inner{
    flex-direction:column;
    align-items:center;
    gap:10px;
  }
  .site-footer-slim__nav{
    justify-content:center;
  }
}


/* === Desktop logo nudge right (ONLY desktop, mobile untouched) === */
@media (min-width: 861px){
  .nav__logo{
    margin-left: 8px; /* ~1 space */
  }
}
/* === End desktop logo nudge === */



/* === Desktop logo nudge right (SECOND tiny step, desktop only) === */
@media (min-width: 861px){
  .nav__logo{
    margin-left: 16px !important; /* ~2 spaces total */
  }
}
/* === End second logo nudge === */



/* === Desktop logo nudge right (THIRD adjustment – total ~4 spaces) === */
@media (min-width: 861px){
  .nav__logo{
    margin-left: 32px !important;
  }
}
/* === End third logo nudge === */



/* === FINAL DESKTOP LOGO MOVE (FORCED 2 SPACES RIGHT) === */
@media (min-width: 861px){
  header .nav__logo,
  .site-header .nav__logo,
  .nav__logo{
    transform: translateX(16px) !important; /* exactly ~2 spaces */
  }
}
/* === END FINAL LOGO MOVE === */



/* ===== FOOTER: GALAXY GOLDEN SPARKLE BORDER (BOTTOM) ===== */
/* Scoped to slim footer only. Does not change layout. */
.site-footer-slim{
  position:relative;
  overflow:hidden;
}

.site-footer-slim::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px; /* small border */
  background:linear-gradient(90deg,
    rgba(255,179,0,.0),
    rgba(255,211,106,.95),
    rgba(0,255,225,.75),
    rgba(156,188,255,.75),
    rgba(255,211,106,.95),
    rgba(255,179,0,.0)
  );
  filter:drop-shadow(0 0 8px rgba(255,200,80,.45));
  opacity:.95;
  animation:footerGalaxyFlow 5.5s linear infinite;
}

/* subtle sparkle dots along the border */
.site-footer-slim::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:10px;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 70%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 28% 60%, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 46% 78%, rgba(255,255,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 62%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 74%, rgba(255,255,255,.85) 0 1px, transparent 2px);
  opacity:.45;
  filter:drop-shadow(0 0 6px rgba(0,255,220,.25));
  animation:footerSparkleDrift 6.2s linear infinite;
}

@keyframes footerGalaxyFlow{
  0%{ transform:translateX(-22%); filter:drop-shadow(0 0 7px rgba(255,200,80,.35)); }
  50%{ transform:translateX(22%); filter:drop-shadow(0 0 10px rgba(0,255,220,.25)); }
  100%{ transform:translateX(-22%); filter:drop-shadow(0 0 7px rgba(255,200,80,.35)); }
}

@keyframes footerSparkleDrift{
  0%{ transform:translateX(0); opacity:.35; }
  35%{ opacity:.55; }
  50%{ transform:translateX(18px); opacity:.45; }
  100%{ transform:translateX(0); opacity:.35; }
}

/* mobile: keep it subtle */
@media(max-width:520px){
  .site-footer-slim::before{ opacity:.35; }
  .site-footer-slim::after{ height:2px; }
}
/* ===== END FOOTER BORDER ===== */



/* ===== SECTION 5 (WE ACCEPT): GALAXY GOLDEN SPARKLE BORDER (BOTTOM) ===== */
.section-5-weaccept{
  position:relative;
  overflow:hidden;
}

.section-5-weaccept::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,179,0,.0),
    rgba(255,211,106,.95),
    rgba(0,255,225,.75),
    rgba(156,188,255,.75),
    rgba(255,211,106,.95),
    rgba(255,179,0,.0)
  );
  filter:drop-shadow(0 0 8px rgba(255,200,80,.45));
  opacity:.95;
  animation:footerGalaxyFlow 5.5s linear infinite;
}

.section-5-weaccept::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:10px;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 70%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 28% 60%, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 46% 78%, rgba(255,255,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 62%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 74%, rgba(255,255,255,.85) 0 1px, transparent 2px);
  opacity:.45;
  filter:drop-shadow(0 0 6px rgba(0,255,220,.25));
  animation:footerSparkleDrift 6.2s linear infinite;
}

@media(max-width:520px){
  .section-5-weaccept::before{ opacity:.35; }
  .section-5-weaccept::after{ height:2px; }
}
/* ===== END SECTION 5 BORDER ===== */



/* ===== SECTION 5: TOP GALAXY BORDER (MATCHES BOTTOM) ===== */
.section-5-weaccept{
  position:relative;
}

.section-5-weaccept .galaxy-top-helper{display:none;}

.section-5-weaccept::marker{}

/* top border */
.section-5-weaccept::after,
.section-5-weaccept::before{}

.section-5-weaccept::after{}

/* explicit TOP border clone */
.section-5-weaccept::after{}

.section-5-weaccept::after{}

/* real top border */
.section-5-weaccept::after{}

/* add separate top layer */
.section-5-weaccept::before{
  top:0;
  bottom:auto;
}

@media(max-width:520px){
  .section-5-weaccept::before{ height:2px; }
}
/* ===== END TOP BORDER ===== */



/* ===== SECTION 5: EXTRA TOP GALAXY LINE (SAFE OVERLAY) ===== */
.section-5-weaccept{
  box-shadow: inset 0 3px 0 rgba(255,211,106,.9),
              inset 0 3px 8px rgba(0,255,220,.35);
}
/* ===== END EXTRA TOP LINE ===== */







/* ===== SECTION 3: GALAXY GOLDEN BORDER (BOTTOM – MOVED FROM SECTION 4) ===== */
.section3{
  position:relative;
  overflow:hidden;
}
.section3::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:3px;
  background:linear-gradient(90deg,
    rgba(255,179,0,.0),
    rgba(255,211,106,.95),
    rgba(0,255,225,.75),
    rgba(156,188,255,.75),
    rgba(255,211,106,.95),
    rgba(255,179,0,.0)
  );
  filter:drop-shadow(0 0 8px rgba(255,200,80,.45));
  opacity:.95;
  animation:footerGalaxyFlow 5.5s linear infinite;
}
.section3::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:10px;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 70%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 28% 60%, rgba(255,255,255,.85) 0 1px, transparent 2px),
    radial-gradient(circle at 46% 78%, rgba(255,255,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 64% 62%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 74%, rgba(255,255,255,.85) 0 1px, transparent 2px);
  opacity:.45;
  filter:drop-shadow(0 0 6px rgba(0,255,220,.25));
  animation:footerSparkleDrift 6.2s linear infinite;
}
@media(max-width:520px){
  .section3::before{ opacity:.35; }
  .section3::after{ height:2px; }
}
/* ===== END SECTION 3 BORDER ===== */



/* ===== SECTION 3: TOP GALAXY BORDER (SAFE ADD) ===== */
.section3{
  position:relative;
}
.section3 .galaxy-top-helper{display:none;}

.section3::marker{}

/* top galaxy line */
.section3::after{
  /* already used for bottom – leave it */
}

/* add explicit top overlay using outline shadow so nothing shifts */
.section3{
  box-shadow:
    inset 0 3px 0 rgba(255,211,106,.9),
    inset 0 3px 8px rgba(0,255,220,.35);
}
/* ===== END SECTION 3 TOP BORDER ===== */




/* ===== SECTION 3 TOP BORDER – GALAXY GOLD LINE ONLY (NO GAP) ===== */
.section3{
  position:relative;
  overflow:hidden;
}

.section3::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  background:linear-gradient(90deg,
    rgba(255,180,0,0),
    rgba(255,220,120,.95),
    rgba(0,255,220,.85),
    rgba(160,200,255,.85),
    rgba(255,220,120,.95),
    rgba(255,180,0,0)
  );
  filter:drop-shadow(0 0 8px rgba(255,210,120,.6));
  animation:section3GalaxyFlow 5.5s linear infinite;
}

/* tiny sparkle dots ON the line only */
.section3::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:2px;
  pointer-events:none;
  background:
    radial-gradient(circle at 20% 50%, rgba(255,255,255,.9) 0 1px, transparent 2px),
    radial-gradient(circle at 45% 50%, rgba(255,255,255,.8) 0 1px, transparent 2px),
    radial-gradient(circle at 70% 50%, rgba(255,255,255,.9) 0 1px, transparent 2px);
  opacity:.7;
  animation:section3SparkDrift 6s linear infinite;
}

@keyframes section3GalaxyFlow{
  0%{ transform:translateX(-20%); }
  50%{ transform:translateX(20%); }
  100%{ transform:translateX(-20%); }
}

@keyframes section3SparkDrift{
  0%{ transform:translateX(0); }
  50%{ transform:translateX(20px); }
  100%{ transform:translateX(0); }
}

@media(max-width:520px){
  .section3::after{ height:2px; }
}
/* ===== END SECTION 3 LINE ===== */





/* ===== SECTION 3: GAP TEXT (BIGGER + BRIGHTER + STRONG GLOW) ===== */
.section3-gap-text{
  position:absolute;
  top:6px;
  left:50%;
  transform:translateX(-50%);
  z-index:6;
  pointer-events:none;
  white-space:nowrap;
  font-weight:900;
  letter-spacing:.9px;
  font-size:clamp(13px,1.6vw,18px);
  padding:4px 14px;
  border-radius:999px;

  background:linear-gradient(90deg,#ffe38f,#00fff0,#b3c9ff,#ffe38f);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;

  text-shadow:
    0 0 3px rgba(0,0,0,.95),
    0 0 12px rgba(0,255,220,.55),
    0 0 22px rgba(255,220,120,.45);

  filter:drop-shadow(0 0 16px rgba(0,255,220,.45));

  animation:s3GapGlowStrong 2.2s ease-in-out infinite;
}

@keyframes s3GapGlowStrong{
  0%,100%{
    filter:drop-shadow(0 0 14px rgba(0,255,220,.35));
  }
  50%{
    filter:drop-shadow(0 0 26px rgba(255,220,120,.65));
  }
}

@media(max-width:520px){
  .section3-gap-text{
    font-size:clamp(11px,3.5vw,14px);
    padding:3px 10px;
    letter-spacing:.6px;
  }
}
/* ===== END GAP TEXT ===== */