/* CTG PANEL — transparent headline layout; no panel behind copy. */
main.auth-page .hero-grid .welcome .welcome-copy .sale-hero{
  position:relative;isolation:isolate;overflow:visible;box-sizing:border-box;width:100%;max-width:900px;
  margin:0 auto;text-align:center;color:#17132b;border-radius:0;padding:clamp(12px,2.5vw,24px) clamp(8px,2vw,18px) clamp(16px,3vw,28px);
  background:transparent!important;box-shadow:none!important;border:0!important;outline:0!important
}
main.auth-page .hero-grid .welcome .welcome-copy .sale-hero::before,
main.auth-page .hero-grid .welcome .welcome-copy .sale-hero::after{content:none!important;display:none!important;background:none!important;box-shadow:none!important}
main.auth-page .hero-grid .welcome .welcome-copy .sale-hero>*{position:relative;z-index:1}
main.auth-page .hero-grid .welcome .welcome-copy .sale-title{
  display:block!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
  font-size:clamp(36px,9.3vw,82px)!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:950!important;
  color:#fff!important;text-align:center!important;text-shadow:0 2px 0 #57119a,0 4px 0 rgba(70,0,110,.55),0 7px 14px rgba(70,0,80,.25)!important;
  -webkit-text-stroke:.05em #3b0a6e!important;paint-order:stroke fill!important
}
main.auth-page .hero-grid .welcome .welcome-copy .sale-line{display:block;white-space:nowrap}
main.auth-page .hero-grid .welcome .welcome-copy .sale-title .y,
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge .y,
main.auth-page .hero-grid .welcome .welcome-copy .sale-desc .y{color:#fff000!important}
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge{
  display:inline-flex;align-items:center;justify-content:center;gap:.12em;box-sizing:border-box;max-width:100%;margin:clamp(18px,3.4vw,34px) 0 clamp(18px,3.2vw,30px);
  padding:clamp(8px,1.6vw,16px) clamp(18px,4.5vw,48px);border:3px solid rgba(255,255,255,.95);border-radius:clamp(17px,3vw,30px);outline:2px solid rgba(255,255,255,.42);outline-offset:3px;
  font-size:clamp(29px,8.2vw,78px)!important;font-weight:950!important;line-height:1.05;white-space:nowrap;color:#fff!important;
  background:linear-gradient(180deg,#ff3535 0%,#f00000 55%,#bf0000 100%)!important;box-shadow:0 0 0 1px rgba(255,40,40,.65),0 0 25px rgba(255,35,35,.75),inset 0 3px 0 rgba(255,255,255,.25)!important;
  text-shadow:0 2px 1px rgba(100,0,0,.25)!important
}
main.auth-page .hero-grid .welcome .welcome-copy .sale-desc{
  margin:0!important;padding:0!important;width:100%!important;max-width:none!important;background:transparent!important;border:0!important;box-shadow:none!important;
  color:#17132b!important;font-size:clamp(14px,3.7vw,27px)!important;font-weight:900!important;line-height:1.38!important;text-transform:uppercase;letter-spacing:.005em;text-align:center!important;text-shadow:0 1px 0 rgba(255,255,255,.9)!important
}
main.auth-page .hero-grid .welcome .welcome-copy .sale-desc .g{color:#08b83a!important;text-shadow:0 1px 0 #fff!important}
main.auth-page .hero-grid .welcome .welcome-copy .sale-desc .y{color:#e5c900!important;text-shadow:0 1px 0 #fff!important}
/* Remove legacy floating text to prevent the old small tagline on the right. */
.hero-art .hero-tagline{display:none!important}
@keyframes sale-sweep{0%{background-position:130% 0}60%,100%{background-position:-30% 0}}
@media(max-width:480px){
 main.auth-page .hero-grid .welcome .welcome-copy .sale-hero{padding:16px 8px 18px}
 main.auth-page .hero-grid .welcome .welcome-copy .sale-title{font-size:clamp(28px,10.2vw,52px)!important;letter-spacing:-.035em!important;line-height:1.04!important}
 main.auth-page .hero-grid .welcome .welcome-copy .sale-badge{margin:17px 0 16px;padding:8px 12px;font-size:clamp(26px,11.6vw,64px)!important;border-width:2px;border-radius:17px;outline-offset:2px}
 main.auth-page .hero-grid .welcome .welcome-copy .sale-desc{font-size:clamp(12px,4vw,19px)!important;line-height:1.42!important;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){.welcome-copy .sale-hero::before{animation:none}}

/* SALE IS LIVE — boxless, small, italic typography (overrides the earlier red box rules; scoped to .sale-badge). */
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge{
  position:relative;display:inline-flex;align-items:baseline;justify-content:center;gap:.14em;
  background:none!important;border:0!important;outline:none!important;box-shadow:none!important;
  padding:0!important;border-radius:0;margin:clamp(12px,2.6vw,22px) 0 clamp(16px,3vw,26px);
  font-size:clamp(22px,6.8vw,46px)!important;font-weight:950!important;font-style:italic;line-height:1.1;letter-spacing:-.01em;color:#0b1638!important;white-space:nowrap;
}
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge::after{
  content:"";position:absolute;left:10%;right:10%;bottom:-.32em;height:3px;border-radius:3px;
  background:linear-gradient(90deg,transparent,#ff2d8a 30%,#a000ff 70%,transparent);
  transform:skewX(-12deg);
}
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge .sb-sale,
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge .sb-live{
  display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent;
}
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge .sb-sale{background-image:linear-gradient(90deg,#8a00ff 0%,#d400ff 100%)}
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge .sb-live{background-image:linear-gradient(90deg,#ff1f7a 0%,#ff2a2a 100%)}
main.auth-page .hero-grid .welcome .welcome-copy .sale-badge .sb-is{color:#0b1638!important}