:root{
  --brand-gold:#fde68a;
  --brand-ice:#f5d0fe;
  --brand-rose:#f472b6;
  --brand-plum:#c084fc;
}

html,body{
  background:
    radial-gradient(circle at 10% 10%,rgba(244,114,182,0.22),transparent 22%),
    radial-gradient(circle at 85% 12%,rgba(192,132,252,0.18),transparent 22%),
    radial-gradient(circle at 70% 84%,rgba(253,230,138,0.12),transparent 26%),
    linear-gradient(180deg,#09060f 0%,#0f0a16 48%,#06050a 100%) !important;
}

body::before{
  opacity:0.18 !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,0.028) 1px,transparent 1px) !important;
}

.topbar{
  background:linear-gradient(180deg,rgba(21,14,28,0.98),rgba(13,9,18,0.96)) !important;
  border-bottom-color:rgba(255,255,255,0.06) !important;
}

.navshell{
  gap:14px;
}

.brandmark,
.pp-brand,
.pp-banner-logo{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 !important;
  border-radius:0 !important;
  border:none !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}

.brandmark img,
.pp-brand img,
.pp-banner-logo img,
.wd-toast-logo{
  object-fit:contain !important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,0.34)) !important;
}

.brandmark img{
  width:146px !important;
  max-width:44vw !important;
}

.pp-brand img{
  width:146px !important;
  max-width:44vw !important;
}

.pp-banner-logo img{
  width:132px !important;
  max-width:42vw !important;
}

.wd-toast-inner{
  border-color:rgba(244,114,182,0.26) !important;
  background:linear-gradient(180deg,rgba(26,17,33,0.96),rgba(16,12,22,0.95)) !important;
  padding:6px 8px !important;
  gap:8px !important;
  min-height:38px !important;
}

.wd-toast-logo{
  width:40px !important;
  height:18px !important;
}

.wd-toast{
  width:min(220px,calc(100vw - 16px)) !important;
  top:10px !important;
}

.wd-toast-text{
  font-size:0.72rem !important;
  line-height:1.15 !important;
}

.wd-toast-text strong{
  font-size:0.78rem !important;
  margin-bottom:1px !important;
}

.side-promo{
  position:fixed !important;
  right:12px !important;
  bottom:12px !important;
  top:auto !important;
  transform:translateY(0) !important;
  z-index:55 !important;
  display:block !important;
  width:min(160px,18vw) !important;
  max-width:160px !important;
  text-decoration:none !important;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,0.32)) !important;
  animation:promoFloat 4.8s ease-in-out infinite, promoGlow 2.8s ease-in-out infinite !important;
}

.side-promo img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:18px !important;
  transition:transform 180ms ease, filter 180ms ease !important;
}

.side-promo:hover img{
  transform:translateY(-2px) scale(1.02) !important;
  filter:brightness(1.05) saturate(1.08) !important;
}

@keyframes promoFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

@keyframes promoGlow{
  0%,100%{filter:drop-shadow(0 18px 34px rgba(0,0,0,0.30)) drop-shadow(0 0 0 rgba(192,132,252,0))}
  50%{filter:drop-shadow(0 20px 38px rgba(0,0,0,0.34)) drop-shadow(0 0 18px rgba(192,132,252,0.18))}
}

.hero-panel{
  background:
    radial-gradient(circle at 50% 14%,rgba(244,114,182,0.20),transparent 28%),
    radial-gradient(circle at 20% 16%,rgba(192,132,252,0.14),transparent 24%),
    linear-gradient(180deg,rgba(18,11,23,0.96),rgba(8,8,13,0.99)) !important;
  min-height:360px !important;
  padding-top:4px !important;
  padding-bottom:4px !important;
}

.hero-panel::before{
  background:
    radial-gradient(circle at 50% 24%,rgba(244,114,182,0.16),transparent 30%),
    radial-gradient(circle at 18% 18%,rgba(192,132,252,0.12),transparent 24%),
    linear-gradient(180deg,rgba(0,0,0,0.16),rgba(0,0,0,0.60)) !important;
}

.hero-panel::after{
  opacity:0.68 !important;
  filter:blur(18px) brightness(0.72) saturate(1.08) !important;
}

.hero-kicker,
.accent,
.section-kicker,
.ticker{
  color:#c084fc !important;
}

.hero-title{
  text-shadow:0 16px 36px rgba(0,0,0,0.34) !important;
}

.hero-copy,
.subcopy,
.section-copy,
.mini-note{
  color:rgba(255,255,255,0.9) !important;
}

.button,
.menu-btn,
.social a,
.drawer-links a,
.subnav a{
  transition:transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease, color 180ms ease !important;
}

.button:hover,
.menu-btn:hover,
.social a:hover,
.drawer-links a:hover,
.subnav a:hover{
  transform:translateY(-1px) !important;
}

.btn-login{
  position:relative !important;
  overflow:hidden !important;
  color:#fff !important;
  background:linear-gradient(135deg,#b56bff 0%,#8e56f7 52%,#c084fc 100%) !important;
  box-shadow:0 18px 42px rgba(140,84,243,0.34),0 0 0 1px rgba(255,255,255,0.14) !important;
}

.btn-register{
  position:relative !important;
  overflow:hidden !important;
  color:#fff !important;
  background:linear-gradient(135deg,#ff7fbe 0%,#f472b6 48%,#f9a8d4 100%) !important;
  box-shadow:0 18px 42px rgba(244,114,182,0.34),0 0 0 1px rgba(255,255,255,0.14) !important;
}

.btn-login::before,
.btn-register::before{
  content:"" !important;
  position:absolute !important;
  inset:-40% auto -40% -45% !important;
  width:42% !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.42),transparent) !important;
  transform:skewX(-18deg) translateX(-120%) !important;
  transition:transform 520ms ease !important;
  pointer-events:none !important;
}

.btn-login:hover,
.btn-register:hover{
  transform:translateY(-2px) scale(1.01) !important;
}

.btn-login:hover{
  box-shadow:0 22px 52px rgba(140,84,243,0.44),0 0 0 1px rgba(255,255,255,0.2) !important;
}

.btn-register:hover{
  box-shadow:0 22px 52px rgba(244,114,182,0.44),0 0 0 1px rgba(255,255,255,0.2) !important;
}

.btn-login:hover::before,
.btn-register:hover::before{
  transform:skewX(-18deg) translateX(360%) !important;
}

.btn-login:active,
.btn-register:active{
  transform:translateY(0) scale(0.99) !important;
}

.menu-btn{
  border-color:rgba(255,255,255,0.12) !important;
  background:rgba(255,255,255,0.055) !important;
}

.social a{
  border-color:rgba(255,255,255,0.12) !important;
  background:rgba(255,255,255,0.07) !important;
}

.drawer-links a{
  background:rgba(255,255,255,0.055) !important;
  border-color:rgba(255,255,255,0.08) !important;
}

.hero-panel,
.stage,
.section-block,
.panel{
  box-shadow:0 24px 80px rgba(0,0,0,0.34), inset 0 1px 0 rgba(255,255,255,0.03) !important;
}

.stage{
  background:
    linear-gradient(135deg,rgba(244,114,182,0.08),transparent 26%),
    radial-gradient(circle at top left,rgba(244,114,182,0.10),transparent 18%),
    radial-gradient(circle at top right,rgba(192,132,252,0.10),transparent 18%),
    linear-gradient(180deg,rgba(10,8,15,0.97),rgba(6,6,10,0.99)) !important;
}

.hero,
.panel,
.section-block{
  background:
    linear-gradient(180deg,rgba(26,17,31,0.84),rgba(10,9,15,0.96)),
    radial-gradient(circle at top right,rgba(244,114,182,0.08),transparent 24%) !important;
  border-color:rgba(255,255,255,0.08) !important;
}

.hero::after{
  background:
    radial-gradient(closest-side,rgba(244,114,182,0.12),transparent),
    radial-gradient(closest-side,rgba(192,132,252,0.10),transparent),
    radial-gradient(closest-side,rgba(253,230,138,0.08),transparent) !important;
}

.badge{
  background:linear-gradient(135deg,rgba(244,114,182,0.14),rgba(192,132,252,0.10),rgba(253,230,138,0.08)) !important;
}

.title .accent{
  background:linear-gradient(135deg,#fff 0%,#c084fc 28%,#8b5cf6 64%,#fde68a 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}

.button.primary{
  color:#15111d !important;
  background:linear-gradient(135deg,#fff,#fde7f3 42%,#f5d0fe) !important;
  box-shadow:0 18px 46px rgba(244,114,182,0.16),0 0 0 1px rgba(255,255,255,0.14) !important;
}

.button.ghost{
  color:var(--text) !important;
  background:rgba(255,255,255,0.04) !important;
  border-color:rgba(255,255,255,0.10) !important;
}

.live-card,
.feature-card,
.testimonial,
.card,
.payment-chip,
.game-card,
.provider-figure{
  box-shadow:0 16px 42px rgba(0,0,0,0.16) !important;
}

.about-gallery{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(5,minmax(0,1fr));
  margin-top:10px;
}

.about-image-card{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:22px;
  min-height:180px;
  padding:12px;
  border:1px solid rgba(255,255,255,0.1);
  background:
    linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),
    radial-gradient(circle at top left,rgba(244,114,182,0.12),transparent 36%),
    radial-gradient(circle at bottom right,rgba(192,132,252,0.14),transparent 38%),
    rgba(18,13,24,0.94);
  box-shadow:0 18px 44px rgba(0,0,0,0.24),inset 0 1px 0 rgba(255,255,255,0.04) !important;
  transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.about-image-card::after{
  content:"";
  position:absolute;
  inset:auto 12px 12px 12px;
  height:34px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(244,114,182,0.16),rgba(192,132,252,0.14),rgba(255,255,255,0));
  filter:blur(14px);
  opacity:0.7;
  pointer-events:none;
}

.about-image-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:156px;
  object-fit:contain;
  object-position:center;
  border-radius:16px;
  background:rgba(255,255,255,0.94);
}

.about-image-card:hover{
  transform:translateY(-3px);
  border-color:rgba(244,114,182,0.3);
  box-shadow:0 22px 52px rgba(0,0,0,0.3),0 0 24px rgba(192,132,252,0.12) !important;
}

.promo-hero{
  padding-bottom:20px !important;
}

.promo-banner-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  width:min(1200px,100%);
  margin:12px auto 0;
  position:relative;
  z-index:2;
}

.promo-banner-card{
  position:relative;
  overflow:hidden;
  display:block;
  min-height:230px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,0.1);
  background:
    linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02)),
    rgba(18,13,24,0.95);
  text-decoration:none;
  box-shadow:0 18px 44px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease, filter 180ms ease;
}

.promo-banner-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,0.06),rgba(0,0,0,0.56)),
    radial-gradient(circle at top left,rgba(244,114,182,0.2),transparent 32%),
    radial-gradient(circle at bottom right,rgba(192,132,252,0.18),transparent 36%);
  z-index:1;
  pointer-events:none;
}

.promo-banner-card::after{
  content:"";
  position:absolute;
  inset:-40% auto -40% -30%;
  width:38%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.34),transparent);
  transform:skewX(-18deg) translateX(-160%);
  animation:promoShine 3.8s ease-in-out infinite;
  z-index:2;
  pointer-events:none;
}

.promo-banner-card img{
  display:block;
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
  object-position:center;
  padding:0;
  background:transparent;
  box-sizing:border-box;
}

.promo-banner-card:hover{
  transform:translateY(-4px);
  border-color:rgba(244,114,182,0.26);
  box-shadow:0 24px 56px rgba(0,0,0,0.3),0 0 28px rgba(192,132,252,0.12) !important;
  filter:saturate(1.05);
}

.promo-marquee{
  overflow:hidden;
  width:100%;
  margin-top:10px;
  padding:8px 0 2px;
}

.promo-marquee-track{
  display:flex;
  gap:12px;
  width:max-content;
  align-items:stretch;
  animation:promoMarquee 28s linear infinite;
  will-change:transform;
}

.promo-marquee-item{
  flex:0 0 auto;
  width:clamp(240px,30vw,340px);
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,0.1);
  background:
    linear-gradient(180deg,rgba(255,255,255,0.06),rgba(255,255,255,0.02)),
    rgba(18,13,24,0.94);
  box-shadow:0 16px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04) !important;
  animation:promoLift 7s ease-in-out infinite;
}

.promo-marquee-item img{
  display:block;
  width:100%;
  height:190px;
  object-fit:contain;
  object-position:center;
  padding:10px;
  box-sizing:border-box;
  background:transparent;
  animation:promoFloat 7.5s ease-in-out infinite;
}

.promo-marquee-item:nth-child(2n) img{
  animation-duration:8.4s;
}

.promo-marquee-item:nth-child(3n) img{
  animation-duration:6.4s;
}

.promo-marquee-item:nth-child(2n){
  animation-duration:8.2s;
}

.promo-marquee-item:nth-child(3n){
  animation-duration:6.8s;
}

.promo-marquee:hover .promo-marquee-track{
  animation-play-state:paused;
}

.promo-hero-grid{
  display:grid;
  grid-template-columns:1.02fr 0.98fr;
  gap:16px;
  width:min(1200px,100%);
  margin:18px auto 0;
  position:relative;
  z-index:2;
}

.promo-spotlight,
.promo-hero-art,
.promo-card-slab,
.promo-provider-figure{
  border-radius:24px;
  border:1px solid rgba(255,255,255,0.1);
  box-shadow:0 18px 42px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.promo-spotlight{
  padding:22px;
  background:
    linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),
    radial-gradient(circle at top left,rgba(244,114,182,0.14),transparent 34%),
    radial-gradient(circle at bottom right,rgba(192,132,252,0.16),transparent 38%),
    rgba(19,13,26,0.94);
  backdrop-filter:blur(14px);
}

.promo-spotlight h2{
  margin:0 0 12px;
  font-size:clamp(1.4rem,3.1vw,2.15rem);
  line-height:1.1;
  letter-spacing:-0.04em;
  text-transform:uppercase;
}

.promo-spotlight p{
  margin:0;
  color:rgba(255,255,255,0.9);
  line-height:1.8;
}

.promo-pill-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}

.promo-pill-row span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  font-weight:800;
  letter-spacing:0.03em;
  color:#fff;
  background:linear-gradient(135deg,#f472b6 0%,#c084fc 55%,#8b5cf6 100%);
  box-shadow:0 14px 30px rgba(139,92,246,0.18), 0 0 0 1px rgba(255,255,255,0.12);
}

.promo-hero-art{
  margin:0;
  padding:12px;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(180deg,rgba(255,255,255,0.07),rgba(255,255,255,0.02)),
    radial-gradient(circle at top,rgba(244,114,182,0.12),transparent 32%),
    radial-gradient(circle at bottom,rgba(192,132,252,0.16),transparent 36%),
    rgba(16,11,21,0.96);
}

.promo-hero-art img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  object-fit:contain;
  background:rgba(255,255,255,0.03);
  filter:drop-shadow(0 18px 30px rgba(0,0,0,0.28));
}

.promo-grid{
  display:grid;
  gap:14px;
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.promo-card-slab{
  position:relative;
  overflow:hidden;
  padding:20px 18px 18px;
  background:
    linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.025)),
    linear-gradient(180deg,rgba(22,14,29,0.96),rgba(12,10,18,0.98));
  transition:transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.promo-card-slab::before{
  content:"";
  position:absolute;
  inset:-40% auto auto -36%;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(244,114,182,0.24),rgba(244,114,182,0));
  pointer-events:none;
}

.promo-card-slab:hover{
  transform:translateY(-4px);
  border-color:rgba(244,114,182,0.28);
  box-shadow:0 24px 54px rgba(0,0,0,0.28),0 0 26px rgba(192,132,252,0.12) !important;
}

.slab-index{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:42px;
  padding:8px 12px;
  border-radius:999px;
  margin-bottom:16px;
  background:linear-gradient(135deg,#f5d0fe 0%,#c084fc 55%,#8b5cf6 100%);
  color:#fff;
  font-weight:900;
  letter-spacing:0.06em;
  box-shadow:0 12px 26px rgba(139,92,246,0.18);
}

.promo-card-slab strong{
  display:block;
  margin-bottom:8px;
  font-size:1rem;
  text-transform:uppercase;
  letter-spacing:0.06em;
}

.promo-card-slab p{
  margin:0;
  color:rgba(255,255,255,0.84);
  line-height:1.7;
}

.promo-two-col{
  align-items:start;
}

.promo-service,
.promo-artbox{
  max-width:none;
}

.promo-provider-row{
  margin-top:18px;
}

.promo-provider-row .provider{
  background:linear-gradient(135deg,#f472b6 0%,#c084fc 55%,#8b5cf6 100%);
  box-shadow:0 14px 30px rgba(139,92,246,0.16);
}

.promo-provider-figure{
  margin:16px 0 18px;
  padding:12px;
  background:
    linear-gradient(180deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)),
    radial-gradient(circle at top right,rgba(244,114,182,0.12),transparent 30%),
    rgba(16,11,21,0.96);
}

.promo-provider-figure img{
  border-radius:16px;
}

.live-card{
  border-color:rgba(244,114,182,0.42) !important;
  background:linear-gradient(180deg,rgba(31,17,31,0.98),rgba(17,12,21,0.98)) !important;
}

.live-head{
  background:linear-gradient(180deg,#f472b6,#c084fc) !important;
  border-bottom-color:rgba(255,255,255,0.12) !important;
}

.live-row{
  border-color:rgba(255,255,255,0.92) !important;
  background:#ffffff !important;
  color:#1c1c1c !important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.06),0 10px 20px rgba(0,0,0,0.06) !important;
}

.live-row .user::before{
  content:"" !important;
  width:34px !important;
  height:16px !important;
  border-radius:4px !important;
  background:#ffffff url("https://caprion-panel.com/caprionshortlink/admin/img-serve.php?id=80") center/contain no-repeat !important;
  box-shadow:none !important;
  border:none !important;
}

.live-row.deposit .amount::after,
.live-row.withdraw .amount::after{
  color:#5a5a5a !important;
}

.live-row .user{
  color:#111111 !important;
}

.live-row .amount{
  color:#222222 !important;
}

.live-row.deposit{
  background:#ffffff !important;
}

.live-row.withdraw{
  background:#ffffff !important;
}

.section.dark{
  background:linear-gradient(180deg,#1a1320,#16101b) !important;
}

.section.darker{
  background:linear-gradient(180deg,#17111d,#120e18) !important;
}

.section.light{
  background:linear-gradient(180deg,#f9f5fb,#efe7f7) !important;
  color:#23192c !important;
}

.section.light .subcopy,
.section.light .section-copy,
.section.light .mini-note,
.section.light .card p{
  color:rgba(35,25,44,0.78) !important;
}

.section.darker .service-box .stat label{
  color:#ffffff !important;
  text-shadow:0 0 14px rgba(192,132,252,0.58),0 0 28px rgba(140,84,243,0.22) !important;
}

.section.darker .service-box .bar{
  background:linear-gradient(180deg,rgba(255,255,255,0.92),rgba(235,235,245,0.88)) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),0 0 0 1px rgba(255,255,255,0.04) !important;
}

.section.darker .service-box .bar span{
  background:linear-gradient(90deg,#d8b4fe 0%,#c084fc 38%,#8b5cf6 72%,#a855f7 100%) !important;
  box-shadow:0 0 16px rgba(192,132,252,0.58),0 0 28px rgba(139,92,246,0.28) !important;
  animation:barGlow 1.7s ease-in-out infinite !important;
}

.section.darker .payment-strip .payment-chip{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,0.1) !important;
  color:#111111 !important;
  background:linear-gradient(135deg,#fff 0%,#f5d0fe 52%,#e9d5ff 100%) !important;
  box-shadow:0 12px 26px rgba(0,0,0,0.12),0 0 0 1px rgba(255,255,255,0.12) !important;
  opacity:0.72 !important;
  transform:translateY(0) scale(0.98) !important;
  animation:chipCycle 5s ease-in-out infinite !important;
}

.section.darker .payment-strip .payment-chip:nth-child(1){
  background:linear-gradient(135deg,#f5d0fe 0%,#c084fc 55%,#8b5cf6 100%) !important;
  color:#fff !important;
  animation-delay:0s !important;
}

.section.darker .payment-strip .payment-chip:nth-child(2){
  background:linear-gradient(135deg,#f3e8ff 0%,#d8b4fe 52%,#a855f7 100%) !important;
  color:#fff !important;
  animation-delay:1.25s !important;
}

.section.darker .payment-strip .payment-chip:nth-child(3){
  background:linear-gradient(135deg,#ede9fe 0%,#c4b5fd 50%,#7c3aed 100%) !important;
  color:#fff !important;
  animation-delay:2.5s !important;
}

.section.darker .payment-strip .payment-chip:nth-child(4){
  background:linear-gradient(135deg,#faf5ff 0%,#e9d5ff 50%,#9333ea 100%) !important;
  color:#fff !important;
  animation-delay:3.75s !important;
}

.section.darker .payment-strip .payment-chip::before{
  content:"" !important;
  position:absolute !important;
  inset:-45% auto -45% -35% !important;
  width:38% !important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.42),transparent) !important;
  transform:skewX(-18deg) translateX(-150%) !important;
  animation:chipShine 2.9s ease-in-out infinite !important;
}

.section.darker .payment-strip .payment-chip:hover{
  transform:translateY(-2px) scale(1.02) !important;
  box-shadow:0 16px 32px rgba(139,92,246,0.22),0 0 22px rgba(192,132,252,0.18) !important;
  opacity:1 !important;
}

.footerbar{
  background:linear-gradient(135deg,#1b1320,#261631,#3a2150) !important;
}

.drawer-links a::after{
  color:#c084fc !important;
}

@media (max-width:640px){
  .brandmark img,
  .pp-brand img{
    width:120px !important;
  }

  .pp-banner-logo img{
    width:112px !important;
  }

  .wd-toast-logo{
    width:36px !important;
  }

  .hero-panel{
    min-height:300px !important;
    padding:4px 10px 2px !important;
  }

  .side-promo{
    right:8px !important;
    top:auto !important;
    bottom:10px !important;
    transform:none !important;
    width:min(110px,28vw) !important;
    max-width:110px !important;
  }

  .about-gallery{
    grid-template-columns:1fr !important;
  }

  .about-image-card{
    min-height:160px;
  }

  .about-image-card img{
    min-height:136px;
  }

  .promo-hero-grid,
  .promo-grid{
    grid-template-columns:1fr !important;
  }

  .promo-spotlight,
  .promo-hero-art,
  .promo-card-slab{
    border-radius:20px;
  }

  .promo-spotlight{
    padding:18px;
  }

  .promo-pill-row span{
    padding:9px 12px;
  }

  .promo-card-slab{
    padding:18px 16px 16px;
  }

  .promo-provider-figure{
    margin:14px 0 16px;
  }

  .promo-banner-grid{
    grid-template-columns:1fr;
  }

  .promo-banner-card{
    min-height:0;
  }

  .promo-banner-card img{
    height:auto;
    min-height:0;
    max-height:none;
    object-fit:contain;
  }

  .promo-marquee-item{
    width:78vw;
  }

  .promo-marquee-item img{
    height:160px;
  }
}

@media (min-width:641px) and (max-width:1024px){
  .about-gallery{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .promo-hero-grid,
  .promo-grid{
    grid-template-columns:1fr;
  }

  .promo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .promo-banner-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .promo-marquee-item{
    width:46vw;
  }
}

@keyframes barGlow{
  0%,100%{filter:brightness(1) saturate(1); transform:scaleX(1);}
  50%{filter:brightness(1.12) saturate(1.14); transform:scaleX(1.02);}
}

@keyframes chipCycle{
  0%,16%{opacity:1; transform:translateY(-2px) scale(1.04); filter:brightness(1.12) saturate(1.12);}
  22%,100%{opacity:0.72; transform:translateY(0) scale(0.98); filter:brightness(1) saturate(1);}
}

@keyframes chipShine{
  0%{transform:skewX(-18deg) translateX(-150%);}
  36%{transform:skewX(-18deg) translateX(320%);}
  100%{transform:skewX(-18deg) translateX(320%);}
}

@keyframes promoShine{
  0%{transform:skewX(-18deg) translateX(-160%);}
  42%{transform:skewX(-18deg) translateX(380%);}
  100%{transform:skewX(-18deg) translateX(380%);}
}

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

@keyframes promoFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-4px) scale(1.01);}
}

@keyframes promoLift{
  0%,100%{box-shadow:0 16px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.04);}
  50%{box-shadow:0 18px 38px rgba(0,0,0,0.26), inset 0 1px 0 rgba(255,255,255,0.05), 0 0 18px rgba(192,132,252,0.08);}
}