/* Tailwind converted file: Tailwind handles layout, spacing, colors, typography and responsive utilities. Custom CSS below is kept only for advanced pseudo-elements, complex animated background, dropdown/menu states, wallet shine and modal behavior that Tailwind cannot express cleanly without plugins. */
    :root{
      --ink:#020303;--ink-deep:#060606;--ink-card:rgba(13,14,14,.76);--ink-card-2:rgba(24,22,18,.80);
      --gold:#e9a821;--gold2:#f5c870;--gold3:#8b5813;--line:rgba(233,168,33,.34);--line-strong:rgba(233,168,33,.55);
      --fg:#fff7ec;--fg2:rgba(255,247,236,.86);--fg3:rgba(255,247,236,.68);--muted:rgba(255,247,236,.48);--dim:rgba(255,247,236,.32);
    }
    *{box-sizing:border-box} html{background:#000} body{margin:0;min-height:100vh;color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#000;overflow-x:hidden;}
    body:before{content:"";position:fixed;inset:0;z-index:-5;background:
      radial-gradient(900px 320px at 12% 115px,rgba(172,103,24,.35),transparent 64%),
      radial-gradient(860px 360px at 76% 215px,rgba(240,177,54,.18),transparent 68%),
      linear-gradient(180deg,#010101 0%,#050505 32%,#030404 70%,#010101 100%);}
    body:after{content:"";position:fixed;left:0;right:0;top:82px;height:270px;z-index:-4;pointer-events:none;opacity:.92;background:
      linear-gradient(92deg,rgba(142,88,24,.75) 0%,rgba(117,78,32,.48) 18%,rgba(16,13,10,.10) 45%,transparent 67%),
      linear-gradient(104deg,transparent 0 18%,rgba(250,177,43,.12) 28%,rgba(255,236,158,.52) 41%,rgba(229,143,20,.22) 53%,transparent 74%),
      linear-gradient(112deg,transparent 0 22%,rgba(223,132,18,.18) 35%,rgba(255,220,135,.42) 48%,rgba(164,91,18,.21) 60%,transparent 82%);
      filter:blur(.2px);clip-path:polygon(0 0,100% 0,100% 54%,91% 56%,81% 51%,70% 44%,59% 40%,49% 44%,39% 58%,28% 66%,17% 62%,7% 51%,0 50%);}
    .ebm-bg-wave{position:fixed;left:-8vw;right:-8vw;top:143px;height:230px;z-index:-3;pointer-events:none;opacity:.43;background:linear-gradient(100deg,transparent 0 18%,rgba(255,184,58,.12) 30%,rgba(255,247,196,.38) 46%,rgba(224,139,22,.18) 60%,transparent 78%);filter:blur(13px);clip-path:polygon(0 54%,12% 59%,23% 52%,34% 41%,45% 45%,56% 58%,69% 64%,82% 56%,94% 45%,100% 47%,100% 73%,87% 76%,75% 70%,63% 61%,53% 61%,42% 73%,31% 81%,20% 74%,9% 65%,0 68%);}
    .ebm-topbar{height:84px;position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(0,0,0,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(233,168,33,.58);display:flex;align-items:center;gap:26px;padding:0 28px;box-shadow:0 10px 30px rgba(0,0,0,.64)}
    .ebm-logo{font-size:38px;line-height:1;font-weight:900;letter-spacing:5px;color:#0b0504;text-shadow:0 0 1px #ff2a21,0 0 8px rgba(255,0,0,.85);-webkit-text-stroke:1.3px #ff281f;white-space:nowrap;margin-right:12px}
    .ebm-nav{display:flex;align-items:center;gap:17px;flex:1;min-width:0}.ebm-nav-right{display:flex;gap:12px;margin-left:auto}.ebm-nav-btn,.ebm-square{width:43px;height:43px;border-radius:8px;display:grid;place-items:center;border:1px solid transparent;color:#fff;font-size:20px;text-decoration:none;text-shadow:0 0 8px rgba(255,255,255,.22)}
    .ebm-nav-btn.active,.ebm-square{background:rgba(160,98,10,.20);border-color:rgba(233,168,33,.72);box-shadow:0 0 15px rgba(233,168,33,.52),inset 0 0 18px rgba(255,189,70,.13);color:#ffc558}.ebm-square{color:#e9a821;font-size:18px}.ebm-nav-btn:hover,.ebm-square:hover{border-color:rgba(245,200,112,.72);background:rgba(233,168,33,.13)}
    .font-display{font-family:Sora,Inter,system-ui,sans-serif}.text-fg-muted{color:var(--muted)}.text-fg-3{color:var(--fg3)}.text-fg-2{color:var(--fg2)}.text-fg-1{color:var(--fg)}.text-fg-dim{color:var(--dim)}.text-gold-bright,.text-gold-100,.text-gold-200{color:var(--gold2)}.text-status-danger{color:#ffae00}.text-status-success{color:#49d586}.text-status-violet{color:#a56cff}.text-status-warn{color:#ffae43}.text-status-info{color:#5aa6ff}.bg-status-violet\/15{background:rgba(165,108,255,.15)}.bg-status-warn\/15{background:rgba(255,174,67,.15)}.bg-status-info\/15{background:rgba(90,166,255,.15)}.bg-status-success\/15{background:rgba(73,213,134,.15)}.border-status-violet\/30{border-color:rgba(165,108,255,.30)}.border-status-warn\/30{border-color:rgba(255,174,67,.30)}.border-status-info\/30{border-color:rgba(90,166,255,.30)}.border-status-success\/30{border-color:rgba(73,213,134,.30)}.bg-gold-300\/10{background:rgba(233,168,33,.10)}.bg-gold-300\/15{background:rgba(233,168,33,.15)}.bg-gold-300\/5{background:rgba(233,168,33,.05)}.hover\:bg-gold-300\/5:hover{background:rgba(233,168,33,.05)}.hover\:bg-gold-300\/15:hover{background:rgba(233,168,33,.15)}.border-line{border-color:var(--line)}.border-line-strong{border-color:var(--line-strong)}.bg-ink-card\/70{background:var(--ink-card)}.bg-ink-card\/60{background:rgba(13,14,14,.66)}.bg-ink-deep\/80{background:rgba(5,5,5,.80)}.bg-ink-deep\/70{background:rgba(5,5,5,.70)}.bg-ink-card-2{background:var(--ink-card-2)}.bg-ink-card{background:var(--ink-card)}.bg-gold-300{background:#d79a27}.bg-\[\#2a3d6a\]{background:#2a3d6a}.bg-gold-600\/40{background:rgba(139,88,19,.40)}.border-gold-300\/30{border-color:rgba(233,168,33,.30)}.border-gold-300\/40{border-color:rgba(233,168,33,.40)}.hover\:border-gold-300\/40:hover{border-color:rgba(233,168,33,.40)}.hover\:border-gold-300\/50:hover{border-color:rgba(233,168,33,.50)}
    main{position:relative}.max-w-\[1280px\]{max-width:1280px!important}.page-head{border:1px solid var(--line-strong);border-top:0;border-radius:0 0 13px 13px;background:linear-gradient(105deg,rgba(155,96,25,.78),rgba(77,54,27,.72) 31%,rgba(11,11,11,.90) 67%,rgba(50,36,17,.78));box-shadow:inset 0 0 45px rgba(245,200,112,.16),0 18px 35px rgba(0,0,0,.42);position:relative;overflow:hidden}.page-head:after{content:"";position:absolute;left:0;right:0;bottom:-28px;height:90px;background:linear-gradient(95deg,transparent 7%,rgba(255,201,93,.12) 18%,rgba(255,243,179,.35) 40%,rgba(236,151,18,.18) 50%,transparent 70%);filter:blur(6px)}
    .btn-gold{border:1px solid var(--line-strong);background:linear-gradient(135deg,#8e5917,#d89327);color:#fff;box-shadow:0 0 22px rgba(239,162,36,.42),inset 0 0 17px rgba(255,255,255,.08);transition:.2s}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 8px 30px rgba(239,162,36,.34),inset 0 0 17px rgba(255,255,255,.12)}
    .rounded-3xl,.wallet-card{border-radius:18px!important}.rounded-2xl{border-radius:14px!important}.rounded-xl{border-radius:10px!important}
    .card-glow,.bg-ink-card\/70,.bg-ink-card\/60,.wallet-card{box-shadow:0 18px 55px rgba(0,0,0,.55),inset 0 0 32px rgba(255,173,30,.07)}
    .wallet-card{min-height:303px;border:1px solid rgba(245,200,112,.72);background:linear-gradient(145deg,rgba(88,75,56,.88) 0%,rgba(31,29,24,.96) 18%,rgba(6,8,9,.98) 55%,rgba(16,18,17,.96) 100%);padding:35px 33px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 54px rgba(0,0,0,.64),0 0 0 1px rgba(255,255,255,.04) inset,0 0 42px rgba(234,168,33,.16) inset}
    .wallet-card:before{content:"";position:absolute;inset:0;background:radial-gradient(420px 180px at 0% 0%,rgba(255,232,166,.22),transparent 58%),radial-gradient(330px 170px at 95% 83%,rgba(234,168,33,.22),transparent 64%),linear-gradient(110deg,rgba(255,255,255,.12),transparent 18%,transparent 72%,rgba(245,200,112,.05));pointer-events:none}
    .wallet-card:after{content:"";position:absolute;inset:1px;border-radius:17px;background:linear-gradient(110deg,rgba(255,255,255,.38),transparent 13%,transparent 78%,rgba(245,200,112,.18));opacity:.28;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
    .wallet-graphic{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.96}.wallet-graphic .soft{filter:blur(10px);opacity:.46}.wallet-graphic .shine{filter:drop-shadow(0 0 8px rgba(255,224,143,.78)) drop-shadow(0 0 18px rgba(235,154,32,.42))}.wallet-graphic .thin{opacity:.42}.wallet-graphic .dust{opacity:.5}
    .wallet-chip{width:52px;height:42px;border-radius:9px;background:linear-gradient(135deg,#fff0b7 0%,#d9a842 42%,#8c5a18 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45),inset 0 -10px 18px rgba(83,47,7,.28),0 6px 18px rgba(0,0,0,.25);position:relative;overflow:hidden}.wallet-chip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 31%,rgba(92,56,10,.38) 32% 34%,transparent 35% 63%,rgba(92,56,10,.32) 64% 66%,transparent 67%),linear-gradient(0deg,transparent 30%,rgba(92,56,10,.30) 31% 33%,transparent 34% 63%,rgba(92,56,10,.26) 64% 66%,transparent 67%)}.wallet-chip:after{content:"";position:absolute;left:-20%;top:-20%;width:80%;height:70%;background:linear-gradient(135deg,rgba(255,255,255,.55),transparent);transform:rotate(-15deg)}
    .countdown-value{font-family:Sora,Inter,sans-serif;color:#fff;font-weight:700}.ebm-select{color:var(--fg2)}
    .bg-ink-card\/70,.bg-ink-card\/60{backdrop-filter:blur(18px);position:relative;overflow:hidden}.bg-ink-card\/70:before,.bg-ink-card\/60:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 0 0,rgba(255,215,130,.14),transparent 25%),radial-gradient(circle at 100% 100%,rgba(255,164,21,.12),transparent 28%);pointer-events:none}.bg-ink-card\/70>*,.bg-ink-card\/60>*{position:relative;z-index:1}
    a{text-decoration:none}.mix-blend-hard-light{mix-blend-mode:hard-light}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
    @media(max-width:1024px){.ebm-topbar{height:auto;min-height:78px;flex-wrap:wrap;padding:14px 18px}.ebm-nav{order:3;width:100%;overflow-x:auto;gap:12px;padding-bottom:4px}.ebm-nav-btn{min-width:40px}main{padding-top:120px!important}.page-head{border-radius:14px!important}.wallet-card{min-height:285px}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
    @media(max-width:768px){.max-w-\[1280px\]{padding-left:14px!important;padding-right:14px!important}.page-head{align-items:flex-start!important}.page-head>div:last-child{width:100%;flex-direction:column;align-items:flex-start!important}.page-head #ebm-countdown{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.page-head #ebm-countdown>div{width:auto!important}.grid-cols-3{grid-template-columns:1fr!important}.grid-cols-3>div{border-right:0!important;border-left:0!important;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:18px}.grid-cols-3>div:last-child{border-bottom:0}.text-\[44px\]{font-size:34px!important}.wallet-card{padding:26px 22px}.grid-cols-12{gap:16px!important}.p-6{padding:20px!important}}
    @media(max-width:560px){.ebm-logo{font-size:31px}.ebm-square{width:36px;height:36px}.ebm-nav-right{gap:8px}.page-head #ebm-countdown{grid-template-columns:repeat(2,minmax(0,1fr))}.wallet-card:after{left:5%;right:-35%;top:90px}.grid-cols-4{grid-template-columns:1fr!important}.flex.items-center.gap-3{min-width:0}.text-4xl{font-size:2rem!important}}
  

/* Elegant animated background layers */
.ebm-animated-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  overflow:hidden;
}
.ebm-animated-bg .aurora{
  position:absolute;
  left:-18vw;
  right:-18vw;
  top:76px;
  height:430px;
  opacity:.46;
  background:
    linear-gradient(105deg, transparent 0 18%, rgba(255,188,62,.07) 28%, rgba(255,238,174,.25) 43%, rgba(176,96,17,.12) 56%, transparent 72%),
    linear-gradient(114deg, transparent 0 24%, rgba(128,75,18,.12) 35%, rgba(252,190,68,.22) 49%, rgba(255,247,202,.10) 59%, transparent 78%);
  filter:blur(18px);
  clip-path:polygon(0 48%,10% 42%,20% 48%,31% 58%,43% 52%,54% 39%,66% 42%,78% 55%,90% 50%,100% 38%,100% 78%,87% 83%,73% 73%,60% 68%,49% 78%,36% 84%,25% 73%,13% 68%,0 76%);
  animation:auroraDrift 18s ease-in-out infinite alternate;
}
.ebm-animated-bg .aurora.two{
  top:285px;
  height:360px;
  opacity:.20;
  filter:blur(28px);
  transform:scaleX(1.12) rotate(1deg);
  animation-duration:24s;
  animation-delay:-8s;
}
.ebm-animated-bg .glow-orb{
  position:absolute;
  width:38vw;
  height:38vw;
  max-width:560px;
  max-height:560px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(234,168,33,.18) 0%, rgba(234,168,33,.08) 34%, transparent 68%);
  filter:blur(8px);
  opacity:.52;
  animation:orbFloat 20s ease-in-out infinite alternate;
}
.ebm-animated-bg .glow-orb.one{left:-12vw;top:120px;}
.ebm-animated-bg .glow-orb.two{right:-14vw;top:520px;width:32vw;height:32vw;opacity:.34;animation-duration:26s;animation-delay:-11s;}
.ebm-animated-bg .grain{
  position:absolute;
  inset:-40px;
  opacity:.11;
  background-image:
    radial-gradient(circle at 20% 20%, rgba(255,230,170,.48) 0 1px, transparent 1.6px),
    radial-gradient(circle at 80% 30%, rgba(232,168,43,.42) 0 1px, transparent 1.8px),
    radial-gradient(circle at 42% 78%, rgba(255,255,255,.26) 0 1px, transparent 1.6px);
  background-size:120px 120px, 160px 160px, 210px 210px;
  animation:starDrift 34s linear infinite;
}
.ebm-animated-bg .sweep{
  position:absolute;
  left:-35%;
  top:0;
  width:26%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,226,154,.045), transparent);
  transform:skewX(-18deg);
  animation:softSweep 14s ease-in-out infinite;
}
@keyframes auroraDrift{
  0%{transform:translate3d(-2.5%,0,0) scaleX(1);opacity:.34;}
  50%{opacity:.52;}
  100%{transform:translate3d(2.5%,18px,0) scaleX(1.04);opacity:.42;}
}
@keyframes orbFloat{
  0%{transform:translate3d(0,0,0) scale(1);}
  100%{transform:translate3d(8vw,38px,0) scale(1.08);}
}
@keyframes starDrift{
  0%{transform:translate3d(0,0,0);}
  100%{transform:translate3d(120px,80px,0);}
}
@keyframes softSweep{
  0%,18%{transform:translateX(0) skewX(-18deg);opacity:0;}
  32%{opacity:1;}
  64%{transform:translateX(540%) skewX(-18deg);opacity:.65;}
  100%{transform:translateX(540%) skewX(-18deg);opacity:0;}
}
body:before{animation:baseGlowMove 22s ease-in-out infinite alternate;}
body:after{animation:heroRibbonFloat 17s ease-in-out infinite alternate;}
.ebm-bg-wave{animation:waveBreath 15s ease-in-out infinite alternate;}
@keyframes baseGlowMove{
  0%{background-position:0 0,0 0,0 0;filter:saturate(1);}
  100%{background-position:38px 18px,-44px 28px,0 0;filter:saturate(1.08);}
}
@keyframes heroRibbonFloat{
  0%{transform:translate3d(0,0,0);opacity:.78;}
  100%{transform:translate3d(0,10px,0);opacity:.96;}
}
@keyframes waveBreath{
  0%{transform:translateX(-1.5%) scaleY(.96);opacity:.30;}
  100%{transform:translateX(1.5%) scaleY(1.06);opacity:.50;}
}
@media (prefers-reduced-motion:reduce){
  .ebm-animated-bg .aurora,.ebm-animated-bg .glow-orb,.ebm-animated-bg .grain,.ebm-animated-bg .sweep,body:before,body:after,.ebm-bg-wave{animation:none!important;}
}

/* Premium element animations + hover interactions */
:root{
  --ease-luxury:cubic-bezier(.18,.84,.28,1);
}
main .bg-ink-card\/70,
main .bg-ink-card\/60,
main .wallet-card,
main .page-head,
main .btn-gold,
main a,
main button,
main .avatar,
main #ebm-countdown > div{
  will-change:transform, box-shadow, border-color, filter;
}
main .page-head,
main .wallet-card,
main .bg-ink-card\/70,
main .bg-ink-card\/60{
  animation:luxuryRise .82s var(--ease-luxury) both;
  transform-origin:center bottom;
}
main .grid.grid-cols-12 > div:nth-child(1){animation-delay:.04s;}
main .grid.grid-cols-12 > div:nth-child(2){animation-delay:.10s;}
main .grid.grid-cols-12 > div:nth-child(3){animation-delay:.16s;}
main .bg-ink-card\/70:nth-of-type(2n),
main .bg-ink-card\/60:nth-of-type(2n){animation-delay:.12s;}
main .bg-ink-card\/70:nth-of-type(3n),
main .bg-ink-card\/60:nth-of-type(3n){animation-delay:.20s;}
main .bg-ink-card\/70,
main .bg-ink-card\/60{
  transition:transform .42s var(--ease-luxury), border-color .42s ease, box-shadow .42s ease, background .42s ease, filter .42s ease;
}
main .bg-ink-card\/70:hover,
main .bg-ink-card\/60:hover{
  transform:translateY(-8px) scale(1.012);
  border-color:rgba(245,200,112,.68)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.72), 0 0 44px rgba(234,168,33,.17), inset 0 0 44px rgba(255,190,72,.095);
  filter:saturate(1.08);
}
main .bg-ink-card\/70:after,
main .bg-ink-card\/60:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(115deg, transparent 0%, transparent 35%, rgba(255,237,175,.12) 48%, transparent 62%, transparent 100%);
  transform:translateX(-130%);
  opacity:0;
  transition:transform .82s ease, opacity .32s ease;
}
main .bg-ink-card\/70:hover:after,
main .bg-ink-card\/60:hover:after{
  transform:translateX(130%);
  opacity:1;
}
main .wallet-card{
  transition:transform .48s var(--ease-luxury), box-shadow .48s ease, border-color .48s ease, filter .48s ease;
  animation:luxuryRise .9s var(--ease-luxury) .08s both, walletFloat 7s ease-in-out 1.2s infinite;
}
main .wallet-card:hover{
  transform:translateY(-10px) rotateX(4deg) rotateY(-4deg) scale(1.018);
  border-color:rgba(255,225,150,.92)!important;
  box-shadow:0 34px 86px rgba(0,0,0,.78), 0 0 62px rgba(234,168,33,.25), inset 0 0 54px rgba(255,209,111,.12);
  filter:saturate(1.12) contrast(1.03);
}
main .wallet-card .wallet-chip{
  animation:chipPulse 3.8s ease-in-out infinite;
}
main .wallet-card:hover .wallet-chip{
  animation:chipPulse 1.4s ease-in-out infinite;
}
main .wallet-card .wallet-graphic .shine{
  stroke-dasharray:520;
  stroke-dashoffset:520;
  animation:goldLineDraw 3.6s ease-in-out infinite;
}
main .wallet-card:hover .wallet-graphic .shine{
  animation-duration:1.65s;
}
main .wallet-card .wallet-graphic .dust circle{
  animation:sparkBlink 2.8s ease-in-out infinite alternate;
}
main .btn-gold,
main button,
main a[href]{
  transition:transform .28s var(--ease-luxury), box-shadow .28s ease, border-color .28s ease, background .28s ease, color .28s ease;
}
main .btn-gold:hover,
main button:hover,
main a[href]:hover{
  transform:translateY(-3px);
}
main .btn-gold{
  position:relative;
  overflow:hidden;
}
main .btn-gold:after{
  content:"";
  position:absolute;
  top:-30%;
  left:-55%;
  width:46%;
  height:160%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.35), transparent);
  transition:left .7s ease;
}
main .btn-gold:hover:after{left:118%;}
.ebm-nav-btn,.ebm-square{
  transition:transform .26s var(--ease-luxury), box-shadow .26s ease, border-color .26s ease, background .26s ease;
}
.ebm-nav-btn:hover,.ebm-square:hover{
  transform:translateY(-4px) scale(1.08);
  box-shadow:0 10px 30px rgba(233,168,33,.28), inset 0 0 22px rgba(255,205,103,.16);
}
main #ebm-countdown > div{
  animation:countPop .68s var(--ease-luxury) both;
  transition:transform .28s var(--ease-luxury), box-shadow .28s ease, border-color .28s ease;
}
main #ebm-countdown > div:nth-child(1){animation-delay:.08s;}
main #ebm-countdown > div:nth-child(2){animation-delay:.16s;}
main #ebm-countdown > div:nth-child(3){animation-delay:.24s;}
main #ebm-countdown > div:nth-child(4){animation-delay:.32s;}
main #ebm-countdown > div:hover{
  transform:translateY(-5px) scale(1.04);
  border-color:rgba(245,200,112,.78)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.45), 0 0 24px rgba(233,168,33,.18);
}
main .w-9.h-9,
main .w-11.h-11,
main .w-6.h-6,
main .avatar,
main .inline-flex.items-center.justify-center.w-\[88px\]{
  transition:transform .34s var(--ease-luxury), box-shadow .34s ease, filter .34s ease;
}
main .flex:hover > .w-9.h-9,
main .flex:hover > .w-11.h-11,
main .flex:hover .w-6.h-6,
main .text-center:hover .avatar,
main .text-center:hover .inline-flex.items-center.justify-center.w-\[88px\]{
  transform:translateY(-3px) scale(1.12) rotate(-3deg);
  filter:saturate(1.18) brightness(1.12);
  box-shadow:0 0 24px rgba(234,168,33,.18);
}
main .space-y-3\.5 > .flex,
main .space-y-4 > .flex,
main .space-y-5 > .flex{
  transition:transform .28s var(--ease-luxury), background .28s ease, padding .28s ease, border-radius .28s ease;
}
main .space-y-3\.5 > .flex:hover,
main .space-y-4 > .flex:hover,
main .space-y-5 > .flex:hover{
  transform:translateX(7px);
  background:rgba(233,168,33,.055);
  border-radius:14px;
  padding-left:8px;
  padding-right:8px;
}
main .grid.grid-cols-3.gap-4.flex-1 > div,
main .grid.grid-cols-3.gap-4.bg-ink-card\/70 > div,
main .grid.grid-cols-4.gap-3.bg-ink-card\/60 > a,
main .grid.grid-cols-2 > div,
main .grid.grid-cols-2.lg\:grid-cols-4 > div{
  transition:transform .35s var(--ease-luxury), filter .35s ease, box-shadow .35s ease, background .35s ease;
}
main .grid.grid-cols-3.gap-4.flex-1 > div:hover,
main .grid.grid-cols-3.gap-4.bg-ink-card\/70 > div:hover,
main .grid.grid-cols-4.gap-3.bg-ink-card\/60 > a:hover,
main .grid.grid-cols-2 > div:hover,
main .grid.grid-cols-2.lg\:grid-cols-4 > div:hover{
  transform:translateY(-6px) scale(1.025);
  filter:brightness(1.08) saturate(1.12);
}
main svg path,
main svg circle,
main svg polyline,
main svg rect{
  transition:filter .3s ease, stroke-width .3s ease, opacity .3s ease;
}
main a:hover svg,
main button:hover svg,
main .flex:hover svg{
  filter:drop-shadow(0 0 8px rgba(245,200,112,.45));
}
main svg[class*="h-12"] path,
main .h-12 path{
  stroke-dasharray:180;
  stroke-dashoffset:180;
  animation:sparkLineDraw 2.4s ease .4s forwards, miniLineBreathe 4.5s ease-in-out 3s infinite;
}
main .aspect-\[3\/4\] svg{
  transition:transform .46s var(--ease-luxury), filter .46s ease;
}
main .relative.rounded-2xl:hover .aspect-\[3\/4\] svg{
  transform:scale(1.12) rotate(4deg);
  filter:drop-shadow(0 0 18px rgba(245,200,112,.22));
}
main .rounded-full.bg-gradient-to-b,
main .absolute.top-2.left-2{
  animation:badgePulse 2.8s ease-in-out infinite;
}
main h1, main h2, main h5{
  animation:textSoftGlow 4.8s ease-in-out infinite alternate;
}
@keyframes luxuryRise{
  from{opacity:0;transform:translateY(24px) scale(.985);filter:blur(5px);}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}
@keyframes countPop{
  0%{opacity:0;transform:translateY(-12px) scale(.82);}
  70%{transform:translateY(2px) scale(1.04);}
  100%{opacity:1;transform:translateY(0) scale(1);}
}
@keyframes walletFloat{
  0%,100%{translate:0 0;}
  50%{translate:0 -5px;}
}
@keyframes chipPulse{
  0%,100%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.45), inset 0 -10px 18px rgba(83,47,7,.28), 0 6px 18px rgba(0,0,0,.25);}
  50%{box-shadow:inset 0 0 0 1px rgba(255,255,255,.70), inset 0 -10px 18px rgba(83,47,7,.20), 0 8px 24px rgba(233,168,33,.22);}
}
@keyframes goldLineDraw{
  0%{stroke-dashoffset:520;opacity:.22;}
  40%{opacity:.95;}
  74%,100%{stroke-dashoffset:0;opacity:.52;}
}
@keyframes sparkBlink{
  from{opacity:.18;transform:scale(.82);}
  to{opacity:.82;transform:scale(1.15);}
}
@keyframes sparkLineDraw{
  to{stroke-dashoffset:0;}
}
@keyframes miniLineBreathe{
  0%,100%{opacity:.72;filter:none;}
  50%{opacity:1;filter:drop-shadow(0 0 5px rgba(245,200,112,.35));}
}
@keyframes badgePulse{
  0%,100%{box-shadow:0 0 0 rgba(233,168,33,0);}
  50%{box-shadow:0 0 22px rgba(233,168,33,.28);}
}
@keyframes textSoftGlow{
  from{text-shadow:0 0 0 rgba(245,200,112,0);}
  to{text-shadow:0 0 18px rgba(245,200,112,.11);}
}
@media (prefers-reduced-motion:reduce){
  main *, .ebm-nav-btn, .ebm-square{animation:none!important;transition:none!important;}
}


/* ===== Classy luxury moving background refresh ===== */
body{
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(169,104,24,.10), transparent 56%),
    radial-gradient(980px 540px at 110% 2%, rgba(245,197,105,.07), transparent 58%),
    linear-gradient(180deg,#010101 0%, #040404 34%, #030303 72%, #010101 100%) !important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  background:
    radial-gradient(900px 340px at 8% 130px, rgba(164,98,22,.22), transparent 65%),
    radial-gradient(920px 380px at 82% 180px, rgba(255,199,94,.09), transparent 68%),
    radial-gradient(720px 480px at 50% 100%, rgba(117,70,18,.10), transparent 72%),
    linear-gradient(180deg,#010101 0%,#040404 34%,#030303 70%,#010101 100%);
  animation:baseGlowMoveRefined 26s ease-in-out infinite alternate;
}
body:after{
  content:"";
  position:fixed;
  left:-3%;
  right:-3%;
  top:94px;
  height:300px;
  z-index:-4;
  pointer-events:none;
  opacity:.9;
  background:
    linear-gradient(99deg, transparent 0 14%, rgba(255,215,133,.05) 24%, rgba(255,244,210,.20) 40%, rgba(236,151,28,.12) 52%, transparent 68%),
    linear-gradient(110deg, rgba(134,83,22,.18) 0%, rgba(77,52,22,.18) 16%, rgba(16,13,10,.02) 38%, transparent 58%),
    radial-gradient(55% 100% at 6% 42%, rgba(169,104,24,.16), transparent 66%);
  filter:blur(3px);
  clip-path:polygon(0 32%,8% 28%,16% 34%,26% 47%,37% 56%,47% 50%,59% 35%,71% 29%,82% 38%,92% 52%,100% 46%,100% 72%,89% 77%,78% 72%,66% 61%,54% 60%,42% 71%,31% 79%,18% 72%,8% 63%,0 66%);
  animation:heroSilkFloat 22s ease-in-out infinite alternate;
}
.ebm-bg-wave{
  position:fixed;
  left:-10vw;
  right:-10vw;
  top:150px;
  height:250px;
  z-index:-3;
  pointer-events:none;
  opacity:.32;
  background:
    linear-gradient(100deg, transparent 0 18%, rgba(255,190,74,.10) 30%, rgba(255,248,222,.33) 45%, rgba(224,139,22,.14) 58%, transparent 77%);
  filter:blur(18px);
  clip-path:polygon(0 48%,10% 54%,20% 49%,31% 39%,43% 44%,55% 58%,67% 63%,79% 55%,90% 46%,100% 49%,100% 76%,89% 81%,76% 73%,63% 64%,52% 66%,40% 77%,28% 84%,16% 77%,7% 67%,0 70%);
  animation:waveBreathRefined 18s ease-in-out infinite alternate;
}
.ebm-animated-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  overflow:hidden;
}
.ebm-animated-bg .aurora,
.ebm-animated-bg .glow-orb,
.ebm-animated-bg .grain{display:none !important;}
.ebm-animated-bg .silk,
.ebm-animated-bg .halo,
.ebm-animated-bg .contour,
.ebm-animated-bg .sparkles,
.ebm-animated-bg .sweep{position:absolute;pointer-events:none;}
.ebm-animated-bg .silk{
  left:-16vw;
  right:-16vw;
  background:
    linear-gradient(101deg, transparent 0 18%, rgba(255,193,92,.05) 28%, rgba(255,238,196,.22) 40%, rgba(196,118,28,.14) 52%, transparent 70%),
    linear-gradient(108deg, transparent 0 26%, rgba(255,210,126,.07) 36%, rgba(255,247,222,.11) 46%, rgba(170,100,24,.07) 56%, transparent 74%);
  filter:blur(20px);
  mix-blend-mode:screen;
}
.ebm-animated-bg .silk.one{
  top:82px;
  height:280px;
  opacity:.58;
  clip-path:polygon(0 40%,10% 34%,21% 42%,32% 56%,43% 52%,54% 37%,66% 33%,77% 44%,89% 56%,100% 49%,100% 80%,88% 85%,75% 76%,63% 67%,52% 70%,40% 81%,29% 88%,16% 80%,7% 70%,0 72%);
  animation:silkRibbonOne 20s ease-in-out infinite alternate;
}
.ebm-animated-bg .silk.two{
  top:260px;
  height:240px;
  opacity:.28;
  filter:blur(24px);
  clip-path:polygon(0 53%,12% 62%,24% 58%,36% 44%,48% 41%,60% 52%,72% 61%,84% 57%,94% 47%,100% 49%,100% 77%,88% 82%,75% 75%,63% 65%,50% 65%,38% 74%,26% 82%,14% 77%,5% 68%,0 70%);
  animation:silkRibbonTwo 26s ease-in-out infinite alternate;
}
.ebm-animated-bg .silk.three{
  top:510px;
  height:220px;
  opacity:.14;
  filter:blur(28px);
  clip-path:polygon(0 55%,11% 48%,22% 52%,35% 63%,47% 60%,59% 49%,72% 46%,84% 56%,95% 65%,100% 61%,100% 86%,89% 90%,75% 82%,61% 73%,49% 74%,37% 84%,24% 92%,12% 88%,4% 77%,0 79%);
  animation:silkRibbonThree 30s ease-in-out infinite alternate;
}
.ebm-animated-bg .contour{
  left:-4%;
  right:-4%;
  top:70px;
  height:760px;
  opacity:.18;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:1400px 760px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 760'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23b96f1a' stop-opacity='.15'/%3E%3Cstop offset='.45' stop-color='%23f5d083' stop-opacity='.55'/%3E%3Cstop offset='.7' stop-color='%23fff0c4' stop-opacity='.34'/%3E%3Cstop offset='1' stop-color='%23b96f1a' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M-120 270 C 120 160 270 360 520 275 S 930 150 1220 242 S 1560 340 1740 245' stroke-width='1.4'/%3E%3Cpath d='M-90 348 C 140 260 330 430 565 355 S 930 235 1180 316 S 1510 420 1700 340' stroke-width='1.05' opacity='.8'/%3E%3Cpath d='M-60 450 C 170 370 310 520 580 455 S 980 342 1245 432 S 1540 520 1700 446' stroke-width='.95' opacity='.6'/%3E%3Cpath d='M10 552 C 230 490 430 620 650 566 S 1030 474 1276 546 S 1500 616 1630 572' stroke-width='.85' opacity='.42'/%3E%3C/g%3E%3C/svg%3E");
  animation:contourShift 34s ease-in-out infinite alternate;
}
.ebm-animated-bg .halo{
  width:40vw;
  height:40vw;
  max-width:620px;
  max-height:620px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(234,168,33,.18) 0%, rgba(234,168,33,.08) 32%, transparent 68%);
  filter:blur(18px);
  opacity:.38;
}
.ebm-animated-bg .halo.left{left:-14vw; top:120px; animation:haloFloatLeft 24s ease-in-out infinite alternate;}
.ebm-animated-bg .halo.right{right:-16vw; top:470px; width:34vw; height:34vw; opacity:.24; animation:haloFloatRight 28s ease-in-out infinite alternate;}
.ebm-animated-bg .sparkles{
  inset:0;
  opacity:.18;
  background-image:
    radial-gradient(circle at 10% 18%, rgba(255,236,184,.78) 0 1px, transparent 1.6px),
    radial-gradient(circle at 28% 62%, rgba(255,206,120,.64) 0 1px, transparent 1.5px),
    radial-gradient(circle at 46% 24%, rgba(255,255,255,.38) 0 1px, transparent 1.6px),
    radial-gradient(circle at 63% 58%, rgba(255,231,172,.62) 0 1px, transparent 1.5px),
    radial-gradient(circle at 84% 22%, rgba(255,211,122,.62) 0 1px, transparent 1.5px),
    radial-gradient(circle at 76% 72%, rgba(255,248,210,.40) 0 1px, transparent 1.6px);
  background-repeat:no-repeat;
  animation:sparkleDrift 42s linear infinite;
}
.ebm-animated-bg .sweep{
  left:-38%;
  top:0;
  width:28%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,226,154,.045), rgba(255,247,222,.065), transparent);
  transform:skewX(-18deg);
  animation:softSweepRefined 18s ease-in-out infinite;
}
@keyframes baseGlowMoveRefined{
  0%{background-position:0 0,0 0,0 0,0 0;}
  100%{background-position:42px 18px,-38px 26px,0 24px,0 0;}
}
@keyframes heroSilkFloat{
  0%{transform:translate3d(0,0,0) scaleX(1); opacity:.76;}
  100%{transform:translate3d(0,14px,0) scaleX(1.02); opacity:.95;}
}
@keyframes waveBreathRefined{
  0%{transform:translateX(-1.6%) scaleY(.97); opacity:.28;}
  100%{transform:translateX(1.6%) scaleY(1.05); opacity:.38;}
}
@keyframes silkRibbonOne{
  0%{transform:translate3d(-1.2%,0,0) scaleX(1);}
  100%{transform:translate3d(1.8%,16px,0) scaleX(1.02);}
}
@keyframes silkRibbonTwo{
  0%{transform:translate3d(1.4%,0,0) scaleX(1.02);}
  100%{transform:translate3d(-1.6%,16px,0) scaleX(.99);}
}
@keyframes silkRibbonThree{
  0%{transform:translate3d(-.8%,0,0) scaleX(1);}
  100%{transform:translate3d(1.2%,14px,0) scaleX(1.01);}
}
@keyframes contourShift{
  0%{transform:translate3d(0,0,0) scale(1); opacity:.14;}
  50%{opacity:.21;}
  100%{transform:translate3d(12px,10px,0) scale(1.02); opacity:.17;}
}
@keyframes haloFloatLeft{
  0%{transform:translate3d(0,0,0) scale(1);}
  100%{transform:translate3d(7vw,34px,0) scale(1.08);}
}
@keyframes haloFloatRight{
  0%{transform:translate3d(0,0,0) scale(1);}
  100%{transform:translate3d(-6vw,-20px,0) scale(1.06);}
}
@keyframes sparkleDrift{
  0%{transform:translate3d(0,0,0); opacity:.15;}
  50%{opacity:.22;}
  100%{transform:translate3d(40px,58px,0); opacity:.16;}
}
@keyframes softSweepRefined{
  0%,14%{transform:translateX(0) skewX(-18deg);opacity:0;}
  28%{opacity:.38;}
  62%{transform:translateX(560%) skewX(-18deg);opacity:.55;}
  100%{transform:translateX(560%) skewX(-18deg);opacity:0;}
}
@media (max-width: 768px){
  body:after{top:112px;height:250px;opacity:.72;}
  .ebm-bg-wave{top:172px;height:220px;opacity:.24;}
  .ebm-animated-bg .contour{top:100px;background-size:1100px 720px;opacity:.14;}
  .ebm-animated-bg .silk.one{height:240px;}
  .ebm-animated-bg .silk.two{top:245px;height:210px;}
  .ebm-animated-bg .silk.three{top:470px;height:170px;}
  .ebm-animated-bg .halo{opacity:.28;}
}
@media (prefers-reduced-motion:reduce){
  body:before, body:after, .ebm-bg-wave,
  .ebm-animated-bg .silk, .ebm-animated-bg .contour, .ebm-animated-bg .halo, .ebm-animated-bg .sparkles, .ebm-animated-bg .sweep{animation:none !important;}
}



/* ===== Attractive share modal ===== */
.share-modal-overlay{
  position:fixed;
  inset:0;
  z-index:1200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:radial-gradient(circle at top, rgba(245,200,112,.16), rgba(0,0,0,.88) 52%);
  backdrop-filter:blur(10px);
  opacity:0;
  visibility:hidden;
  transition:opacity .32s ease, visibility .32s ease;
}
.share-modal-overlay.is-open{
  opacity:1;
  visibility:visible;
}
.share-modal{
  width:min(1120px, 100%);
  max-height:min(92vh, 920px);
  overflow:auto;
  position:relative;
  border-radius:28px;
  border:1px solid rgba(245,200,112,.34);
  background:
    radial-gradient(600px 280px at 0% 0%, rgba(255,224,153,.14), transparent 58%),
    radial-gradient(460px 280px at 100% 18%, rgba(233,168,33,.10), transparent 55%),
    linear-gradient(145deg, rgba(35,27,18,.96) 0%, rgba(11,11,11,.97) 38%, rgba(18,17,15,.98) 100%);
  box-shadow:0 36px 100px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.03) inset, inset 0 0 50px rgba(245,200,112,.05);
  transform:translateY(24px) scale(.98);
  transition:transform .36s cubic-bezier(.18,.84,.28,1), box-shadow .36s ease;
}
.share-modal-overlay.is-open .share-modal{
  transform:translateY(0) scale(1);
}
.share-modal::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:28px;
  pointer-events:none;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.04) 18%, transparent 34%, transparent 64%, rgba(255,220,146,.05) 82%, transparent 100%);
}
.share-modal-header{
  position:sticky;
  top:0;
  z-index:2;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:26px 28px 22px;
  border-bottom:1px solid rgba(245,200,112,.16);
  background:linear-gradient(180deg, rgba(12,12,12,.92), rgba(12,12,12,.78));
  backdrop-filter:blur(16px);
  border-radius:28px 28px 0 0;
}
.share-modal-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(245,200,112,.22);
  background:rgba(245,200,112,.07);
  color:#f5c870;
  border-radius:999px;
  padding:8px 12px;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.share-modal-title{
  font-family:Sora, Inter, sans-serif;
  font-size:30px;
  line-height:1.1;
  color:#fff7ec;
  font-weight:700;
  margin-top:14px;
}
.share-modal-subtitle{
  color:rgba(255,247,236,.68);
  max-width:640px;
  margin-top:10px;
  font-size:14px;
}
.share-close{
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(245,200,112,.28);
  background:rgba(255,255,255,.04);
  color:#fff7ec;
  font-size:22px;
  line-height:1;
  cursor:pointer;
  transition:transform .24s ease, background .24s ease, border-color .24s ease;
}
.share-close:hover{
  transform:translateY(-2px) rotate(90deg);
  background:rgba(245,200,112,.12);
  border-color:rgba(245,200,112,.55);
}
.share-modal-body{
  position:relative;
  padding:26px;
}
.share-modal-grid{
  display:grid;
  grid-template-columns:minmax(320px, 380px) minmax(0, 1fr);
  gap:22px;
}
.share-panel,
.share-link-card,
.share-social-card,
.share-info-card,
.share-tool-btn,
.share-mini-option{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(245,200,112,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  box-shadow:0 14px 42px rgba(0,0,0,.22), inset 0 0 28px rgba(255,208,110,.025);
}
.share-panel{
  border-radius:24px;
  padding:22px;
}
.share-panel-title,
.share-section-title{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,247,236,.52);
  font-weight:700;
}
.share-qr-wrap{
  margin-top:18px;
  border-radius:24px;
  padding:22px;
  border:1px solid rgba(245,200,112,.18);
  background:
    radial-gradient(circle at 0% 0%, rgba(255,230,170,.12), transparent 38%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
}
.share-selected-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:16px;
}
.share-selected-label strong{
  display:block;
  font-size:18px;
  color:#fff7ec;
}
.share-selected-label span{
  display:block;
  font-size:12px;
  color:rgba(255,247,236,.55);
}
.share-selected-chip{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(245,200,112,.22);
  background:rgba(245,200,112,.06);
  color:#f5c870;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.share-qr-box{
  width:100%;
  aspect-ratio:1/1;
  max-width:270px;
  margin:0 auto;
  background:#fff;
  border-radius:26px;
  padding:16px;
  box-shadow:0 18px 48px rgba(0,0,0,.28);
  display:flex;
  align-items:center;
  justify-content:center;
}
.share-qr-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:18px;
}
.share-qr-actions{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.share-action-btn,
.share-switch-btn,
.share-copy-btn,
.share-open-btn,
.share-social-btn,
.share-native-btn{
  border:none;
  cursor:pointer;
  color:#fff7ec;
  transition:transform .24s ease, background .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.share-action-btn,
.share-copy-btn,
.share-open-btn,
.share-native-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:46px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(245,200,112,.18);
  background:rgba(255,255,255,.04);
  font-size:13px;
  font-weight:600;
}
.share-action-btn:hover,
.share-copy-btn:hover,
.share-open-btn:hover,
.share-native-btn:hover,
.share-switch-btn:hover,
.share-social-btn:hover{
  transform:translateY(-2px);
  border-color:rgba(245,200,112,.48);
  background:rgba(245,200,112,.10);
  box-shadow:0 10px 24px rgba(245,200,112,.10);
}
.share-action-btn.gold,
.share-native-btn.gold{
  background:linear-gradient(135deg, #8e5917, #d89327);
  border-color:rgba(245,200,112,.55);
  box-shadow:0 10px 26px rgba(233,168,33,.26);
}
.share-content-right{
  display:grid;
  gap:18px;
}
.share-links-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}
.share-link-card{
  border-radius:22px;
  padding:18px;
}
.share-link-card.active{
  border-color:rgba(245,200,112,.46);
  box-shadow:0 20px 48px rgba(0,0,0,.26), 0 0 0 1px rgba(245,200,112,.18) inset;
}
.share-link-card-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.share-link-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(245,200,112,.18);
  background:rgba(255,255,255,.04);
  color:#f5c870;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.share-link-title{
  font-family:Sora, Inter, sans-serif;
  color:#fff7ec;
  font-size:18px;
  font-weight:650;
  margin-top:12px;
}
.share-link-copy{
  color:rgba(255,247,236,.58);
  font-size:13px;
  line-height:1.5;
  margin-top:8px;
  min-height:40px;
}
.share-url-box{
  margin-top:14px;
  border-radius:16px;
  padding:14px;
  border:1px solid rgba(245,200,112,.16);
  background:rgba(4,4,4,.34);
  color:#fff7ec;
  font-size:12px;
  line-height:1.45;
  word-break:break-all;
}
.share-link-actions{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.share-link-card .share-switch-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px;
  border-radius:14px;
  border:1px solid rgba(245,200,112,.18);
  background:rgba(255,255,255,.04);
  font-size:12px;
  font-weight:700;
}
.share-social-card,
.share-info-card{
  border-radius:24px;
  padding:20px;
}
.share-social-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.share-social-btn{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:102px;
  border-radius:20px;
  border:1px solid rgba(245,200,112,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  color:#fff7ec;
  text-align:center;
  padding:14px 10px;
}
.share-social-ico{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,200,112,.18);
  background:rgba(245,200,112,.08);
  font-size:20px;
}
.share-social-name{
  font-size:12px;
  font-weight:700;
}
.share-social-sub{
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(255,247,236,.46);
}
.share-info-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.share-mini-option{
  border-radius:18px;
  padding:14px;
}
.share-mini-option strong{
  display:block;
  color:#fff7ec;
  font-size:14px;
}
.share-mini-option span{
  display:block;
  margin-top:6px;
  color:rgba(255,247,236,.54);
  font-size:12px;
  line-height:1.45;
}
.share-status{
  margin-top:14px;
  min-height:18px;
  color:#f5c870;
  font-size:12px;
  letter-spacing:.03em;
}
.share-modal a{color:inherit; text-decoration:none;}
body.modal-open{overflow:hidden;}
@media(max-width: 980px){
  .share-modal-grid{grid-template-columns:1fr;}
  .share-panel{order:2;}
  .share-content-right{order:1;}
}
@media(max-width: 760px){
  .share-modal-overlay{padding:12px;}
  .share-modal-header{padding:22px 20px 18px;}
  .share-modal-body{padding:18px;}
  .share-modal-title{font-size:24px;}
  .share-links-grid,
  .share-info-grid,
  .share-social-grid{grid-template-columns:1fr 1fr;}
  .share-link-actions{grid-template-columns:1fr;}
}
@media(max-width: 520px){
  .share-links-grid,
  .share-info-grid,
  .share-social-grid,
  .share-qr-actions{grid-template-columns:1fr;}
  .share-modal-title{font-size:22px;}
  .share-modal-subtitle{font-size:13px;}
  .share-selected-label{flex-direction:column; align-items:flex-start;}
}



/* ===== Final premium header with menu navigation ===== */
.ebm-final-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:1000;
  background:linear-gradient(180deg, rgba(0,0,0,.92), rgba(4,4,4,.76));
  border-bottom:1px solid rgba(233,168,33,.44);
  box-shadow:0 16px 42px rgba(0,0,0,.58), inset 0 -1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(18px);
}
.ebm-final-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(360px 70px at 16% 0%, rgba(245,200,112,.14), transparent 70%), linear-gradient(90deg, transparent, rgba(245,200,112,.045), transparent);
  opacity:.85;
}
.ebm-final-header-inner{
  position:relative;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:76px;
  max-width:1480px;
  margin:0 auto;
  padding:0 28px;
}
.ebm-final-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
  color:#fff7ec;
  text-decoration:none;
}
.ebm-final-logo{
  font-size:37px;
  line-height:1;
  font-weight:950;
  letter-spacing:5px;
  color:#0b0504;
  text-shadow:0 0 1px #ff2a21,0 0 8px rgba(255,0,0,.85),0 0 24px rgba(233,168,33,.14);
  -webkit-text-stroke:1.3px #ff281f;
}
.ebm-final-brand-copy{
  display:flex;
  flex-direction:column;
  line-height:1.05;
  padding-left:12px;
  border-left:1px solid rgba(245,200,112,.18);
}
.ebm-final-brand-copy strong{
  font-family:Sora, Inter, system-ui, sans-serif;
  font-size:13px;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:#fff7ec;
}
.ebm-final-brand-copy em{
  margin-top:4px;
  font-style:normal;
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,247,236,.48);
}
.ebm-final-nav{
  display:flex;
  align-items:center;
  gap:7px;
  flex:1;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
  padding:6px 2px;
}
.ebm-final-nav::-webkit-scrollbar{display:none;}
.ebm-final-nav a,
.ebm-mobile-menu-grid a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:0 13px;
  border-radius:14px;
  border:1px solid transparent;
  color:rgba(255,247,236,.72);
  font-size:12px;
  font-weight:650;
  letter-spacing:.02em;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .26s cubic-bezier(.18,.84,.28,1), background .26s ease, color .26s ease, border-color .26s ease, box-shadow .26s ease;
}
.ebm-final-nav a span,
.ebm-mobile-menu-grid a span{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:8px;
  color:#f5c870;
  background:rgba(233,168,33,.07);
  box-shadow:inset 0 0 12px rgba(245,200,112,.045);
}
.ebm-final-nav a:hover,
.ebm-final-nav a.active,
.ebm-mobile-menu-grid a:hover,
.ebm-mobile-menu-grid a.active{
  color:#fff7ec;
  border-color:rgba(245,200,112,.44);
  background:linear-gradient(180deg, rgba(233,168,33,.14), rgba(233,168,33,.045));
  box-shadow:0 0 22px rgba(233,168,33,.14), inset 0 1px 0 rgba(255,255,255,.06);
  transform:translateY(-2px);
}
.ebm-final-actions{
  display:flex;
  align-items:center;
  gap:10px;
  margin-left:auto;
}
.ebm-final-actions a,
.ebm-menu-toggle{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(233,168,33,.28);
  background:rgba(233,168,33,.075);
  color:#f5c870;
  text-decoration:none;
  box-shadow:inset 0 0 18px rgba(255,189,70,.06);
  transition:transform .26s cubic-bezier(.18,.84,.28,1), border-color .26s ease, background .26s ease, box-shadow .26s ease;
}
.ebm-final-actions a:hover,
.ebm-menu-toggle:hover{
  transform:translateY(-3px) scale(1.04);
  border-color:rgba(245,200,112,.64);
  background:rgba(233,168,33,.14);
  box-shadow:0 12px 30px rgba(233,168,33,.16), inset 0 0 24px rgba(255,205,103,.12);
}
.ebm-menu-toggle{
  display:none;
  cursor:pointer;
  margin-left:auto;
}
.ebm-menu-toggle span{
  display:block;
  width:18px;
  height:2px;
  border-radius:99px;
  background:#f5c870;
  transition:transform .28s ease, opacity .28s ease;
}
.ebm-menu-toggle span + span{margin-top:-10px;}
.ebm-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.ebm-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.ebm-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.ebm-mobile-menu{
  display:none;
  position:absolute;
  left:14px;right:14px;top:calc(100% + 10px);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(.98);
  transition:opacity .28s ease, visibility .28s ease, transform .28s cubic-bezier(.18,.84,.28,1);
}
.ebm-mobile-menu.is-open{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}
.ebm-mobile-menu-panel{
  border:1px solid rgba(245,200,112,.24);
  border-radius:24px;
  padding:16px;
  background:linear-gradient(145deg, rgba(25,20,14,.96), rgba(5,5,5,.94));
  box-shadow:0 24px 70px rgba(0,0,0,.64), inset 0 1px 0 rgba(255,255,255,.06);
  backdrop-filter:blur(20px);
}
.ebm-mobile-menu-title{
  font-size:11px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:rgba(255,247,236,.52);
  margin:2px 4px 12px;
}
.ebm-mobile-menu-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px;
}
.ebm-mobile-menu-grid a{
  justify-content:flex-start;
  min-height:48px;
  padding:0 12px;
}
main.relative.z-10{padding-top:96px!important;}
@media(max-width:1240px){
  .ebm-final-brand-copy{display:none;}
  .ebm-final-nav a{padding:0 10px;font-size:11px;}
}
@media(max-width:980px){
  .ebm-final-header-inner{min-height:74px;padding:0 18px;}
  .ebm-menu-toggle{display:grid;}
  .ebm-final-nav{display:none;}
  .ebm-mobile-menu{display:block;}
  .ebm-final-actions{margin-left:0;}
  main.relative.z-10{padding-top:92px!important;}
}
@media(max-width:640px){
  .ebm-final-logo{font-size:31px;letter-spacing:4px;}
  .ebm-final-actions a{width:38px;height:38px;border-radius:12px;}
  .ebm-final-actions a:nth-child(2){display:none;}
  .ebm-mobile-menu-grid{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media(max-width:420px){
  .ebm-final-actions a:nth-child(1){display:none;}
  .ebm-mobile-menu-grid{grid-template-columns:1fr;}
}



/* ===== Icon-only expanding header refinement ===== */
.ebm-final-brand-copy{display:none!important;}
.ebm-final-brand{min-width:auto;}
.ebm-final-logo{margin-right:6px;}
.ebm-final-header{overflow:visible;}
.ebm-final-header-inner{overflow:visible;}
.ebm-final-nav.ebm-icon-nav{
  overflow:visible!important;
  gap:8px;
  justify-content:center;
  padding:6px 4px;
}
.ebm-icon-nav .ebm-nav-item{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ebm-icon-nav .ebm-final-link{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:0;
  width:46px;
  min-width:46px;
  height:46px;
  padding:0 12px;
  border-radius:16px;
  border:1px solid rgba(245,200,112,.12);
  background:rgba(255,255,255,.025);
  color:rgba(255,247,236,.72);
  text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 0 18px rgba(245,200,112,.02);
  overflow:hidden;
  white-space:nowrap;
  transition:
    width .42s cubic-bezier(.18,.84,.28,1),
    min-width .42s cubic-bezier(.18,.84,.28,1),
    transform .28s cubic-bezier(.18,.84,.28,1),
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    color .28s ease;
}
.ebm-icon-nav .ebm-nav-icon{
  width:22px!important;
  height:22px!important;
  min-width:22px;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  color:#f5c870!important;
  background:rgba(233,168,33,.08)!important;
  box-shadow:inset 0 0 12px rgba(245,200,112,.05), 0 0 0 1px rgba(245,200,112,.06)!important;
  transition:transform .32s ease, background .32s ease, box-shadow .32s ease;
}
.ebm-icon-nav .ebm-nav-label{
  display:inline-block;
  max-width:0;
  opacity:0;
  transform:translateX(-8px);
  overflow:hidden;
  margin-left:0;
  color:#fff7ec;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  transition:max-width .38s cubic-bezier(.18,.84,.28,1), opacity .22s ease, transform .34s ease, margin-left .34s ease;
}
.ebm-icon-nav .ebm-nav-caret{
  width:0;
  opacity:0;
  transform:translateX(-6px) rotate(0deg);
  overflow:hidden;
  color:#f5c870;
  font-size:13px;
  transition:width .28s ease, opacity .22s ease, transform .28s ease, margin-left .28s ease;
}
.ebm-icon-nav .ebm-nav-item:hover .ebm-final-link,
.ebm-icon-nav .ebm-nav-item:focus-within .ebm-final-link,
.ebm-icon-nav .ebm-final-link.active{
  width:auto;
  min-width:132px;
  color:#fff7ec;
  border-color:rgba(245,200,112,.46);
  background:linear-gradient(180deg, rgba(233,168,33,.16), rgba(233,168,33,.045));
  box-shadow:0 16px 34px rgba(0,0,0,.28), 0 0 28px rgba(233,168,33,.15), inset 0 1px 0 rgba(255,255,255,.08);
  transform:translateY(-2px);
}
.ebm-icon-nav .ebm-nav-item:hover .ebm-nav-label,
.ebm-icon-nav .ebm-nav-item:focus-within .ebm-nav-label,
.ebm-icon-nav .ebm-final-link.active .ebm-nav-label{
  max-width:118px;
  opacity:1;
  transform:translateX(0);
  margin-left:9px;
}
.ebm-icon-nav .ebm-nav-item:hover .ebm-nav-caret,
.ebm-icon-nav .ebm-nav-item:focus-within .ebm-nav-caret{
  width:14px;
  opacity:1;
  margin-left:7px;
  transform:translateX(0) rotate(180deg);
}
.ebm-icon-nav .ebm-nav-item:hover .ebm-nav-icon,
.ebm-icon-nav .ebm-nav-item:focus-within .ebm-nav-icon,
.ebm-icon-nav .ebm-final-link.active .ebm-nav-icon{
  transform:scale(1.08) rotate(-4deg);
  background:rgba(245,200,112,.16)!important;
  box-shadow:0 0 18px rgba(245,200,112,.18), inset 0 0 14px rgba(255,232,170,.08)!important;
}
.ebm-nav-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  left:50%;
  width:260px;
  transform:translateX(-50%) translateY(12px) scale(.96);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:1100;
  padding:10px;
  border-radius:22px;
  border:1px solid rgba(245,200,112,.22);
  background:linear-gradient(145deg, rgba(24,20,14,.96), rgba(5,5,5,.95));
  box-shadow:0 28px 70px rgba(0,0,0,.62), 0 0 32px rgba(233,168,33,.10), inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(22px);
  transition:opacity .26s ease, visibility .26s ease, transform .32s cubic-bezier(.18,.84,.28,1);
}
.ebm-nav-dropdown::before{
  content:"";
  position:absolute;
  top:-7px;
  left:50%;
  width:14px;
  height:14px;
  transform:translateX(-50%) rotate(45deg);
  border-left:1px solid rgba(245,200,112,.20);
  border-top:1px solid rgba(245,200,112,.20);
  background:rgba(20,16,11,.96);
}
.ebm-icon-nav .has-dropdown:hover .ebm-nav-dropdown,
.ebm-icon-nav .has-dropdown:focus-within .ebm-nav-dropdown{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0) scale(1);
}
.ebm-nav-dropdown a{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  justify-content:center!important;
  min-height:58px!important;
  width:100%!important;
  min-width:0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  color:#fff7ec!important;
  text-decoration:none!important;
  border:1px solid transparent!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  white-space:normal!important;
  overflow:visible!important;
}
.ebm-nav-dropdown a:hover{
  background:rgba(245,200,112,.08)!important;
  border-color:rgba(245,200,112,.18)!important;
}
.ebm-nav-dropdown a strong{
  font-size:13px;
  font-weight:750;
  letter-spacing:.01em;
  color:#fff7ec;
}
.ebm-nav-dropdown a em{
  margin-top:4px;
  font-style:normal;
  font-size:11px;
  line-height:1.35;
  color:rgba(255,247,236,.54);
}
.ebm-final-actions a{
  position:relative;
}
.ebm-final-actions a::after{
  content:attr(title);
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%) translateY(6px);
  opacity:0;
  visibility:hidden;
  padding:7px 10px;
  border-radius:10px;
  background:rgba(10,10,10,.95);
  border:1px solid rgba(245,200,112,.20);
  color:#fff7ec;
  font-size:11px;
  white-space:nowrap;
  pointer-events:none;
  transition:opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.ebm-final-actions a:hover::after{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
@media(max-width:1240px){
  .ebm-icon-nav .ebm-nav-item:hover .ebm-final-link,
  .ebm-icon-nav .ebm-nav-item:focus-within .ebm-final-link,
  .ebm-icon-nav .ebm-final-link.active{min-width:118px;}
  .ebm-nav-dropdown{width:238px;}
}
@media(max-width:980px){
  .ebm-final-nav.ebm-icon-nav{display:none!important;}
}
@keyframes wave {
  0%, 60%, 100% { transform: rotate(0); }
  10%, 30% { transform: rotate(14deg); }
  20% { transform: rotate(-8deg); }
  40% { transform: rotate(14deg); }
  50% { transform: rotate(-4deg); }
}


/* ===== Classy luxury moving background refresh ===== */
body{
  background:
    radial-gradient(1100px 520px at 12% -8%, rgba(169,104,24,.10), transparent 56%),
    radial-gradient(980px 540px at 110% 2%, rgba(245,197,105,.07), transparent 58%),
    linear-gradient(180deg,#010101 0%, #040404 34%, #030303 72%, #010101 100%) !important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-5;
  background:
    radial-gradient(900px 340px at 8% 130px, rgba(164,98,22,.22), transparent 65%),
    radial-gradient(920px 380px at 82% 180px, rgba(255,199,94,.09), transparent 68%),
    radial-gradient(720px 480px at 50% 100%, rgba(117,70,18,.10), transparent 72%),
    linear-gradient(180deg,#010101 0%,#040404 34%,#030303 70%,#010101 100%);
  animation:baseGlowMoveRefined 26s ease-in-out infinite alternate;
}
body:after{
  content:"";
  position:fixed;
  left:-3%;
  right:-3%;
  top:94px;
  height:300px;
  z-index:-4;
  pointer-events:none;
  opacity:.9;
  background:
    linear-gradient(99deg, transparent 0 14%, rgba(255,215,133,.05) 24%, rgba(255,244,210,.20) 40%, rgba(236,151,28,.12) 52%, transparent 68%),
    linear-gradient(110deg, rgba(134,83,22,.18) 0%, rgba(77,52,22,.18) 16%, rgba(16,13,10,.02) 38%, transparent 58%),
    radial-gradient(55% 100% at 6% 42%, rgba(169,104,24,.16), transparent 66%);
  filter:blur(3px);
  clip-path:polygon(0 32%,8% 28%,16% 34%,26% 47%,37% 56%,47% 50%,59% 35%,71% 29%,82% 38%,92% 52%,100% 46%,100% 72%,89% 77%,78% 72%,66% 61%,54% 60%,42% 71%,31% 79%,18% 72%,8% 63%,0 66%);
  animation:heroSilkFloat 22s ease-in-out infinite alternate;
}
.ebm-bg-wave{
  position:fixed;
  left:-10vw;
  right:-10vw;
  top:150px;
  height:250px;
  z-index:-3;
  pointer-events:none;
  opacity:.32;
  background:
    linear-gradient(100deg, transparent 0 18%, rgba(255,190,74,.10) 30%, rgba(255,248,222,.33) 45%, rgba(224,139,22,.14) 58%, transparent 77%);
  filter:blur(18px);
  clip-path:polygon(0 48%,10% 54%,20% 49%,31% 39%,43% 44%,55% 58%,67% 63%,79% 55%,90% 46%,100% 49%,100% 76%,89% 81%,76% 73%,63% 64%,52% 66%,40% 77%,28% 84%,16% 77%,7% 67%,0 70%);
  animation:waveBreathRefined 18s ease-in-out infinite alternate;
}
.ebm-animated-bg{
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  overflow:hidden;
}
.ebm-animated-bg .aurora,
.ebm-animated-bg .glow-orb,
.ebm-animated-bg .grain{display:none !important;}
.ebm-animated-bg .silk,
.ebm-animated-bg .halo,
.ebm-animated-bg .contour,
.ebm-animated-bg .sparkles,
.ebm-animated-bg .sweep{position:absolute;pointer-events:none;}
.ebm-animated-bg .silk{
  left:-16vw;
  right:-16vw;
  background:
    linear-gradient(101deg, transparent 0 18%, rgba(255,193,92,.05) 28%, rgba(255,238,196,.22) 40%, rgba(196,118,28,.14) 52%, transparent 70%),
    linear-gradient(108deg, transparent 0 26%, rgba(255,210,126,.07) 36%, rgba(255,247,222,.11) 46%, rgba(170,100,24,.07) 56%, transparent 74%);
  filter:blur(20px);
  mix-blend-mode:screen;
}
.ebm-animated-bg .silk.one{
  top:82px;
  height:280px;
  opacity:.58;
  clip-path:polygon(0 40%,10% 34%,21% 42%,32% 56%,43% 52%,54% 37%,66% 33%,77% 44%,89% 56%,100% 49%,100% 80%,88% 85%,75% 76%,63% 67%,52% 70%,40% 81%,29% 88%,16% 80%,7% 70%,0 72%);
  animation:silkRibbonOne 20s ease-in-out infinite alternate;
}
.ebm-animated-bg .silk.two{
  top:260px;
  height:240px;
  opacity:.28;
  filter:blur(24px);
  clip-path:polygon(0 53%,12% 62%,24% 58%,36% 44%,48% 41%,60% 52%,72% 61%,84% 57%,94% 47%,100% 49%,100% 77%,88% 82%,75% 75%,63% 65%,50% 65%,38% 74%,26% 82%,14% 77%,5% 68%,0 70%);
  animation:silkRibbonTwo 26s ease-in-out infinite alternate;
}
.ebm-animated-bg .silk.three{
  top:510px;
  height:220px;
  opacity:.14;
  filter:blur(28px);
  clip-path:polygon(0 55%,11% 48%,22% 52%,35% 63%,47% 60%,59% 49%,72% 46%,84% 56%,95% 65%,100% 61%,100% 86%,89% 90%,75% 82%,61% 73%,49% 74%,37% 84%,24% 92%,12% 88%,4% 77%,0 79%);
  animation:silkRibbonThree 30s ease-in-out infinite alternate;
}
.ebm-animated-bg .contour{
  left:-4%;
  right:-4%;
  top:70px;
  height:760px;
  opacity:.18;
  background-repeat:no-repeat;
  background-position:center top;
  background-size:1400px 760px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 760'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='0'%3E%3Cstop offset='0' stop-color='%23b96f1a' stop-opacity='.15'/%3E%3Cstop offset='.45' stop-color='%23f5d083' stop-opacity='.55'/%3E%3Cstop offset='.7' stop-color='%23fff0c4' stop-opacity='.34'/%3E%3Cstop offset='1' stop-color='%23b96f1a' stop-opacity='.08'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='url(%23g)' stroke-linecap='round'%3E%3Cpath d='M-120 270 C 120 160 270 360 520 275 S 930 150 1220 242 S 1560 340 1740 245' stroke-width='1.4'/%3E%3Cpath d='M-90 348 C 140 260 330 430 565 355 S 930 235 1180 316 S 1510 420 1700 340' stroke-width='1.05' opacity='.8'/%3E%3Cpath d='M-60 450 C 170 370 310 520 580 455 S 980 342 1245 432 S 1540 520 1700 446' stroke-width='.95' opacity='.6'/%3E%3Cpath d='M10 552 C 230 490 430 620 650 566 S 1030 474 1276 546 S 1500 616 1630 572' stroke-width='.85' opacity='.42'/%3E%3C/g%3E%3C/svg%3E");
  animation:contourShift 34s ease-in-out infinite alternate;
}
.ebm-animated-bg .halo{
  width:40vw;
  height:40vw;
  max-width:620px;
  max-height:620px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(234,168,33,.18) 0%, rgba(234,168,33,.08) 32%, transparent 68%);
  filter:blur(18px);
  opacity:.38;
}
.ebm-animated-bg .halo.left{left:-14vw; top:120px; animation:haloFloatLeft 24s ease-in-out infinite alternate;}
.ebm-animated-bg .halo.right{right:-16vw; top:470px; width:34vw; height:34vw; opacity:.24; animation:haloFloatRight 28s ease-in-out infinite alternate;}
.ebm-animated-bg .sparkles{
  inset:0;
  opacity:.18;
  background-image:
    radial-gradient(circle at 10% 18%, rgba(255,236,184,.78) 0 1px, transparent 1.6px),
    radial-gradient(circle at 28% 62%, rgba(255,206,120,.64) 0 1px, transparent 1.5px),
    radial-gradient(circle at 46% 24%, rgba(255,255,255,.38) 0 1px, transparent 1.6px),
    radial-gradient(circle at 63% 58%, rgba(255,231,172,.62) 0 1px, transparent 1.5px),
    radial-gradient(circle at 84% 22%, rgba(255,211,122,.62) 0 1px, transparent 1.5px),
    radial-gradient(circle at 76% 72%, rgba(255,248,210,.40) 0 1px, transparent 1.6px);
  background-repeat:no-repeat;
  animation:sparkleDrift 42s linear infinite;
}
.ebm-animated-bg .sweep{
  left:-38%;
  top:0;
  width:28%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,226,154,.045), rgba(255,247,222,.065), transparent);
  transform:skewX(-18deg);
  animation:softSweepRefined 18s ease-in-out infinite;
}
@keyframes baseGlowMoveRefined{
  0%{background-position:0 0,0 0,0 0,0 0;}
  100%{background-position:42px 18px,-38px 26px,0 24px,0 0;}
}
@keyframes heroSilkFloat{
  0%{transform:translate3d(0,0,0) scaleX(1); opacity:.76;}
  100%{transform:translate3d(0,14px,0) scaleX(1.02); opacity:.95;}
}
@keyframes waveBreathRefined{
  0%{transform:translateX(-1.6%) scaleY(.97); opacity:.28;}
  100%{transform:translateX(1.6%) scaleY(1.05); opacity:.38;}
}
@keyframes silkRibbonOne{
  0%{transform:translate3d(-1.2%,0,0) scaleX(1);}
  100%{transform:translate3d(1.8%,16px,0) scaleX(1.02);}
}
@keyframes silkRibbonTwo{
  0%{transform:translate3d(1.4%,0,0) scaleX(1.02);}
  100%{transform:translate3d(-1.6%,16px,0) scaleX(.99);}
}
@keyframes silkRibbonThree{
  0%{transform:translate3d(-.8%,0,0) scaleX(1);}
  100%{transform:translate3d(1.2%,14px,0) scaleX(1.01);}
}
@keyframes contourShift{
  0%{transform:translate3d(0,0,0) scale(1); opacity:.14;}
  50%{opacity:.21;}
  100%{transform:translate3d(12px,10px,0) scale(1.02); opacity:.17;}
}
@keyframes haloFloatLeft{
  0%{transform:translate3d(0,0,0) scale(1);}
  100%{transform:translate3d(7vw,34px,0) scale(1.08);}
}
@keyframes haloFloatRight{
  0%{transform:translate3d(0,0,0) scale(1);}
  100%{transform:translate3d(-6vw,-20px,0) scale(1.06);}
}
@keyframes sparkleDrift{
  0%{transform:translate3d(0,0,0); opacity:.15;}
  50%{opacity:.22;}
  100%{transform:translate3d(40px,58px,0); opacity:.16;}
}
@keyframes softSweepRefined{
  0%,14%{transform:translateX(0) skewX(-18deg);opacity:0;}
  28%{opacity:.38;}
  62%{transform:translateX(560%) skewX(-18deg);opacity:.55;}
  100%{transform:translateX(560%) skewX(-18deg);opacity:0;}
}
@media (max-width: 768px){
  body:after{top:112px;height:250px;opacity:.72;}
  .ebm-bg-wave{top:172px;height:220px;opacity:.24;}
  .ebm-animated-bg .contour{top:100px;background-size:1100px 720px;opacity:.14;}
  .ebm-animated-bg .silk.one{height:240px;}
  .ebm-animated-bg .silk.two{top:245px;height:210px;}
  .ebm-animated-bg .silk.three{top:470px;height:170px;}
  .ebm-animated-bg .halo{opacity:.28;}
}
@media (prefers-reduced-motion:reduce){
  body:before, body:after, .ebm-bg-wave,
  .ebm-animated-bg .silk, .ebm-animated-bg .contour, .ebm-animated-bg .halo, .ebm-animated-bg .sparkles, .ebm-animated-bg .sweep{animation:none !important;}
}

:root{
  --mx:50%;
  --my:34%;
  --mxpx:50vw;
  --mypx:34vh;
}
/* overall luxury texture + background hover activity */
.ebm-animated-bg .texture-grid,
.ebm-animated-bg .texture-noise,
.ebm-animated-bg .pointer-glow,
.ebm-animated-bg .pointer-sheen{position:absolute; inset:0; pointer-events:none;}

.ebm-animated-bg .texture-grid{
  opacity:.16;
  mix-blend-mode:screen;
  background-image:
    linear-gradient(rgba(255,222,170,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,222,170,.018) 1px, transparent 1px),
    linear-gradient(135deg, rgba(218,150,40,.012) 25%, transparent 25%, transparent 50%, rgba(218,150,40,.012) 50%, rgba(218,150,40,.012) 75%, transparent 75%, transparent);
  background-size:110px 110px, 110px 110px, 220px 220px;
  background-position:0 0, 0 0, 0 0;
  mask-image: radial-gradient(circle at var(--mx) var(--my), rgba(0,0,0,.95) 0%, rgba(0,0,0,.88) 8%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.26) 54%, rgba(0,0,0,.14) 78%, rgba(0,0,0,.12) 100%);
  -webkit-mask-image: radial-gradient(circle at var(--mx) var(--my), rgba(0,0,0,.95) 0%, rgba(0,0,0,.88) 8%, rgba(0,0,0,.66) 28%, rgba(0,0,0,.26) 54%, rgba(0,0,0,.14) 78%, rgba(0,0,0,.12) 100%);
  animation:gridPulse 14s ease-in-out infinite alternate;
}

.ebm-animated-bg .texture-noise{
  opacity:.085;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Crect width='180' height='180' fill='black'/%3E%3Cg fill='%23ffffff' fill-opacity='.11'%3E%3Ccircle cx='12' cy='18' r='1'/%3E%3Ccircle cx='30' cy='72' r='1'/%3E%3Ccircle cx='51' cy='26' r='1'/%3E%3Ccircle cx='72' cy='128' r='1'/%3E%3Ccircle cx='83' cy='60' r='1'/%3E%3Ccircle cx='95' cy='149' r='1'/%3E%3Ccircle cx='121' cy='40' r='1'/%3E%3Ccircle cx='138' cy='96' r='1'/%3E%3Ccircle cx='151' cy='17' r='1'/%3E%3Ccircle cx='162' cy='61' r='1'/%3E%3Ccircle cx='170' cy='132' r='1'/%3E%3Ccircle cx='17' cy='154' r='1'/%3E%3Ccircle cx='44' cy='103' r='1'/%3E%3Ccircle cx='66' cy='168' r='1'/%3E%3Ccircle cx='104' cy='88' r='1'/%3E%3Ccircle cx='126' cy='168' r='1'/%3E%3Ccircle cx='154' cy='108' r='1'/%3E%3C/g%3E%3Cg stroke='%23ffffff' stroke-opacity='.045'%3E%3Cpath d='M0 42h180M0 112h180M38 0v180M121 0v180'/%3E%3C/g%3E%3C/svg%3E");
  background-size:180px 180px;
  animation:noiseDrift 12s steps(10) infinite;
}

.ebm-animated-bg .pointer-glow{
  opacity:.78;
  mix-blend-mode:screen;
  background:
    radial-gradient(420px circle at var(--mx) var(--my), rgba(255,246,219,.08) 0%, rgba(255,214,137,.065) 16%, rgba(234,168,33,.052) 32%, rgba(133,82,21,.032) 48%, transparent 68%),
    radial-gradient(135px circle at var(--mx) var(--my), rgba(255,248,232,.20) 0%, rgba(255,222,154,.10) 35%, transparent 70%);
  transition:opacity .28s ease;
}

.ebm-animated-bg .pointer-sheen{
  opacity:.26;
  mix-blend-mode:screen;
  background:
    radial-gradient(520px 220px at var(--mx) var(--my), rgba(255,239,197,.10), transparent 60%),
    conic-gradient(from 180deg at var(--mx) var(--my), transparent 0deg 25deg, rgba(255,226,154,.075) 48deg, transparent 86deg, transparent 360deg);
  filter:blur(34px);
}

body.bg-active .ebm-animated-bg .pointer-glow{opacity:.92;}
body.bg-active .ebm-animated-bg .texture-grid{opacity:.20;}
body.bg-active .ebm-animated-bg .pointer-sheen{opacity:.34;}

@keyframes noiseDrift{
  0%{transform:translate3d(0,0,0);}
  25%{transform:translate3d(-8px,6px,0);}
  50%{transform:translate3d(6px,-4px,0);}
  75%{transform:translate3d(-5px,-8px,0);}
  100%{transform:translate3d(7px,5px,0);}
}
@keyframes gridPulse{
  0%{background-position:0 0,0 0,0 0;}
  100%{background-position:12px 10px,-12px -8px,24px 20px;}
}

@media (max-width:768px){
  .ebm-animated-bg .texture-grid{opacity:.11;}
  .ebm-animated-bg .pointer-glow{opacity:.58;}
  .ebm-animated-bg .pointer-sheen{opacity:.18;}
}
@media (prefers-reduced-motion:reduce){
  .ebm-animated-bg .texture-noise,.ebm-animated-bg .texture-grid{animation:none !important;}
}
/* Performance Overview - delayed 3D emboss interaction */
.performance-overview-grid{
  perspective:1400px;
}
.performance-overview-grid > .perf-card{
  position:relative;
  overflow:hidden;
  min-height:220px;
  padding:16px 16px 14px;
  border-radius:18px;
  border:1px solid rgba(233,168,33,.14);
  background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01));
  transform-style:preserve-3d;
  transform:perspective(1400px) translateY(0) scale(1) rotateX(0deg) rotateY(0deg);
  transition:transform .55s cubic-bezier(.18,.84,.28,1), border-color .4s ease, box-shadow .45s ease, background .45s ease, filter .45s ease;
  cursor:pointer;
}
.performance-overview-grid > .perf-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(145deg, rgba(255,255,255,.08), transparent 20%, transparent 70%, rgba(245,200,112,.06));
  opacity:.38;
  pointer-events:none;
}
.performance-overview-grid > .perf-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(220px circle at var(--card-glow-x,50%) var(--card-glow-y,18%), rgba(255,232,166,.18), transparent 48%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.performance-overview-grid > .perf-card:hover,
.performance-overview-grid > .perf-card:focus-visible{
  border-color:rgba(245,200,112,.36);
  transform:perspective(1400px) translateY(-4px) scale(1.01) rotateX(2deg) rotateY(0deg);
  box-shadow:0 18px 34px rgba(0,0,0,.40), inset 0 0 24px rgba(245,200,112,.04);
}
.performance-overview-grid > .perf-card:hover::after,
.performance-overview-grid > .perf-card:focus-visible::after,
.performance-overview-grid > .perf-card.perf-card--engaged::after{
  opacity:1;
}
.performance-overview-grid > .perf-card > *{
  position:relative;
  z-index:1;
}
.performance-overview-grid > .perf-card .perf-detail{
  position:absolute;
  left:14px;
  right:14px;
  bottom:12px;
  padding:12px 12px 11px;
  border-radius:14px;
  background:linear-gradient(180deg, rgba(15,15,15,.90), rgba(26,21,14,.92));
  border:1px solid rgba(245,200,112,.22);
  box-shadow:0 16px 28px rgba(0,0,0,.42), inset 0 0 18px rgba(255,207,114,.05);
  backdrop-filter:blur(12px);
  opacity:0;
  transform:translateY(18px) scale(.96) translateZ(20px);
  transition:opacity .35s ease, transform .48s cubic-bezier(.18,.84,.28,1), border-color .35s ease;
  pointer-events:none;
}
.performance-overview-grid > .perf-card .perf-detail::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(110deg, rgba(255,255,255,.08), transparent 25%, transparent 75%, rgba(245,200,112,.05));
  pointer-events:none;
}
.performance-overview-grid > .perf-card .perf-detail-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.performance-overview-grid > .perf-card .perf-detail-title{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:rgba(255,247,236,.62);
}
.performance-overview-grid > .perf-card .perf-detail-badge{
  font-size:10px;
  line-height:1;
  padding:5px 7px;
  border-radius:999px;
  border:1px solid rgba(245,200,112,.30);
  color:#f5c870;
  background:rgba(233,168,33,.09);
}
.performance-overview-grid > .perf-card .perf-detail-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:11px;
  color:rgba(255,247,236,.74);
  padding:3px 0;
}
.performance-overview-grid > .perf-card .perf-detail-row strong{
  font-weight:600;
  color:#fff3d6;
}
.performance-overview-grid > .perf-card .perf-hold{
  position:absolute;
  right:14px;
  top:14px;
  display:flex;
  align-items:center;
  gap:8px;
  opacity:0;
  transform:translateY(-4px);
  transition:opacity .25s ease, transform .25s ease;
  pointer-events:none;
}
.performance-overview-grid > .perf-card:hover .perf-hold,
.performance-overview-grid > .perf-card:focus-visible .perf-hold,
.performance-overview-grid > .perf-card.perf-card--arming .perf-hold,
.performance-overview-grid > .perf-card.perf-card--engaged .perf-hold{
  opacity:.95;
  transform:translateY(0);
}
.performance-overview-grid > .perf-card .perf-hold-text{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(255,247,236,.58);
}
.performance-overview-grid > .perf-card .perf-hold-ring{
  width:24px;
  height:24px;
  border-radius:999px;
  background:conic-gradient(from -90deg, rgba(245,200,112,.95) var(--hold-progress,0%), rgba(255,255,255,.10) 0%);
  display:grid;
  place-items:center;
  box-shadow:0 0 12px rgba(245,200,112,.18);
}
.performance-overview-grid > .perf-card .perf-hold-ring::after{
  content:"";
  width:14px;
  height:14px;
  border-radius:999px;
  background:#090909;
  border:1px solid rgba(245,200,112,.22);
}
.performance-overview-grid > .perf-card.perf-card--engaged{
  z-index:4;
  border-color:rgba(255,223,147,.74);
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(233,168,33,.04));
  filter:saturate(1.08);
  transform:perspective(1400px) translateY(-12px) scale(1.065) rotateX(var(--perf-tilt-y,-7deg)) rotateY(var(--perf-tilt-x,6deg));
  box-shadow:0 34px 70px rgba(0,0,0,.55), 0 0 34px rgba(233,168,33,.12), inset 0 16px 32px rgba(255,255,255,.05), inset 0 -16px 24px rgba(0,0,0,.25);
}
.performance-overview-grid > .perf-card.perf-card--engaged .perf-detail{
  opacity:1;
  transform:translateY(0) scale(1) translateZ(48px);
  border-color:rgba(255,223,147,.40);
}
.performance-overview-grid > .perf-card.perf-card--engaged > :not(.perf-detail):not(.perf-hold){
  transform:translateZ(24px);
}
.performance-overview-grid > .perf-card .font-display.text-2xl{
  transition:transform .45s ease, text-shadow .45s ease;
}
.performance-overview-grid > .perf-card.perf-card--engaged .font-display.text-2xl{
  transform:scale(1.08) translateZ(28px);
  text-shadow:0 0 18px rgba(245,200,112,.14);
}
.performance-overview-grid > .perf-card svg.w-full{
  transition:transform .45s ease, opacity .35s ease;
}
.performance-overview-grid > .perf-card.perf-card--engaged svg.w-full{
  transform:translateY(-6px) scale(1.03) translateZ(24px);
  opacity:.96;
}
@media (max-width:1024px){
  .performance-overview-grid > .perf-card{min-height:210px;}
}
@media (max-width:768px){
  .performance-overview-grid > .perf-card{min-height:196px;padding:14px;}
  .performance-overview-grid > .perf-card.perf-card--engaged{transform:translateY(-8px) scale(1.03) !important;}
  .performance-overview-grid > .perf-card .perf-detail{left:10px;right:10px;bottom:10px;padding:10px;}
  .performance-overview-grid > .perf-card .perf-hold{display:none;}
}
/* Full visible Performance Overview expansion */
.performance-zoom-shell{
  overflow:visible !important;
  position:relative !important;
  z-index:90 !important;
  transform-style:preserve-3d;
}
.performance-zoom-shell.perf-panel-open{
  z-index:220 !important;
}
.performance-zoom-shell.perf-panel-open::after{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:28px;
  background:radial-gradient(680px 360px at 50% 50%, rgba(245,200,112,.10), rgba(0,0,0,.06) 42%, transparent 72%);
  pointer-events:none;
  z-index:15;
  animation:perfSectionGlow 2.8s ease-in-out infinite alternate;
}
.performance-overview-grid{
  position:relative;
  z-index:25;
}
.performance-overview-grid.is-expanded > .perf-card:not(.perf-card--engaged){
  opacity:.42;
  filter:blur(.7px) saturate(.75);
  transform:scale(.94) translateY(4px) !important;
}
.performance-overview-grid > .perf-card.perf-card--engaged{
  z-index:80 !important;
  transform:perspective(1400px) translateY(-14px) scale(1.045) rotateX(var(--perf-tilt-y,-4deg)) rotateY(var(--perf-tilt-x,4deg)) !important;
}
.performance-overview-grid > .perf-card.perf-card--engaged .perf-detail{
  display:none !important;
}
.perf-expanded-panel{
  position:absolute;
  left:50%;
  top:54%;
  width:min(680px, calc(100vw - 56px));
  min-height:315px;
  z-index:120;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-50%) scale(.88) rotateX(10deg);
  transform-origin:center center;
  transition:opacity .32s ease, transform .52s cubic-bezier(.18,.84,.28,1), filter .45s ease;
  filter:blur(6px);
}
.performance-zoom-shell.perf-panel-open .perf-expanded-panel{
  opacity:1;
  transform:translate(-50%,-50%) scale(1) rotateX(0deg);
  filter:blur(0);
}
.perf-expanded-inner{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:24px;
  border:1px solid rgba(255,225,150,.54);
  background:
    radial-gradient(520px 220px at 8% 0%, rgba(255,239,197,.14), transparent 58%),
    radial-gradient(440px 220px at 92% 100%, rgba(233,168,33,.16), transparent 62%),
    linear-gradient(145deg, rgba(13,13,13,.96), rgba(23,20,14,.95) 58%, rgba(8,8,8,.97));
  box-shadow:
    0 38px 95px rgba(0,0,0,.72),
    0 0 58px rgba(233,168,33,.20),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 54px rgba(255,205,106,.07);
  backdrop-filter:blur(22px);
}
.perf-expanded-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(110deg, rgba(255,255,255,.13), transparent 18%, transparent 75%, rgba(245,200,112,.08)),
    repeating-linear-gradient(135deg, rgba(255,235,180,.035) 0 1px, transparent 1px 18px);
  opacity:.85;
  pointer-events:none;
}
.perf-expanded-inner::after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-70px;
  top:-70px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(255,226,154,.18), transparent 68%);
  filter:blur(5px);
  animation:perfOrbBreath 3.2s ease-in-out infinite alternate;
}
.perf-expanded-content{
  position:relative;
  z-index:2;
}
.perf-expanded-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.perf-expanded-kicker{
  font-size:11px;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:rgba(255,247,236,.54);
  margin-bottom:6px;
}
.perf-expanded-title{
  font-family:Sora, Inter, system-ui, sans-serif;
  font-size:27px;
  line-height:1.1;
  color:#fff7ec;
  font-weight:700;
}
.perf-expanded-badge{
  flex:0 0 auto;
  font-size:11px;
  letter-spacing:.13em;
  text-transform:uppercase;
  padding:8px 11px;
  border-radius:999px;
  color:#f5c870;
  border:1px solid rgba(245,200,112,.38);
  background:rgba(233,168,33,.11);
  box-shadow:0 0 18px rgba(233,168,33,.12);
}
.perf-expanded-body{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:22px;
  align-items:stretch;
}
.perf-expanded-value{
  font-family:Sora, Inter, system-ui, sans-serif;
  font-size:52px;
  line-height:1;
  font-weight:800;
  color:#f5c870;
  text-shadow:0 0 26px rgba(245,200,112,.24);
  margin-bottom:10px;
}
.perf-expanded-trend{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-size:12px;
  color:#49d586;
  border:1px solid rgba(73,213,134,.22);
  background:rgba(73,213,134,.08);
  border-radius:999px;
  padding:7px 10px;
  margin-bottom:15px;
}
.perf-expanded-copy{
  font-size:13px;
  line-height:1.6;
  color:rgba(255,247,236,.70);
  max-width:280px;
}
.perf-expanded-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.perf-expanded-stat{
  border:1px solid rgba(245,200,112,.18);
  border-radius:16px;
  padding:13px;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
  min-height:78px;
  box-shadow:inset 0 0 22px rgba(255,205,106,.035);
}
.perf-expanded-stat span{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:rgba(255,247,236,.48);
  margin-bottom:7px;
}
.perf-expanded-stat strong{
  font-family:Sora, Inter, system-ui, sans-serif;
  font-size:18px;
  color:#fff7ec;
  font-weight:700;
}
.perf-expanded-chart{
  grid-column:1 / -1;
  height:66px;
  border-radius:17px;
  border:1px solid rgba(245,200,112,.16);
  background:linear-gradient(180deg, rgba(245,200,112,.06), rgba(255,255,255,.015));
  overflow:hidden;
  position:relative;
  margin-top:2px;
}
.perf-expanded-chart svg{
  width:100%;
  height:100%;
}
.perf-expanded-chart path{
  stroke-dasharray:520;
  stroke-dashoffset:520;
  animation:perfLineDraw 1.1s ease .12s forwards;
}
.perf-expanded-foot{
  display:flex;
  justify-content:space-between;
  gap:14px;
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid rgba(245,200,112,.13);
  font-size:11px;
  color:rgba(255,247,236,.45);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.perf-expanded-foot strong{
  color:#f5c870;
  font-weight:600;
}
@keyframes perfLineDraw{to{stroke-dashoffset:0;}}
@keyframes perfOrbBreath{from{transform:scale(.95);opacity:.55;}to{transform:scale(1.08);opacity:.9;}}
@keyframes perfSectionGlow{from{opacity:.55;}to{opacity:.95;}}
@media(max-width:1024px){
  .perf-expanded-panel{top:58%; width:min(620px, calc(100vw - 38px));}
}
@media(max-width:768px){
  .performance-zoom-shell{overflow:visible !important;}
  .perf-expanded-panel{
    position:fixed;
    left:50%;
    top:50%;
    width:calc(100vw - 26px);
    min-height:auto;
    max-height:78vh;
    overflow:auto;
    z-index:999;
  }
  .perf-expanded-inner{padding:20px;border-radius:22px;}
  .perf-expanded-title{font-size:22px;}
  .perf-expanded-body{grid-template-columns:1fr;}
  .perf-expanded-value{font-size:42px;}
  .perf-expanded-copy{max-width:none;}
  .perf-expanded-stats{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .perf-expanded-stats{grid-template-columns:1fr;}
  .perf-expanded-top{flex-direction:column;}
  .perf-expanded-foot{flex-direction:column;}
}
/* ===== Glass share modal refresh ===== */
.share-modal-overlay{
  background:radial-gradient(circle at 22% 8%, rgba(255,236,185,.14), transparent 28%), linear-gradient(180deg, rgba(3,3,3,.46), rgba(3,3,3,.76));
  backdrop-filter:blur(18px) saturate(1.1);
}
.share-modal{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(17,17,17,.42), rgba(10,10,10,.28));
  backdrop-filter:blur(30px) saturate(1.08);
  -webkit-backdrop-filter:blur(30px) saturate(1.08);
  box-shadow:0 28px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.13), inset 0 0 54px rgba(245,200,112,.05);
  overflow:hidden;
}
.share-modal::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:28px;
  pointer-events:none;
  background:linear-gradient(120deg, rgba(255,255,255,.18), transparent 18%, transparent 44%, rgba(245,200,112,.12) 66%, transparent 82%);
  opacity:.58;
  mix-blend-mode:screen;
}
.share-modal-header{
  background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
  border-bottom-color:rgba(255,255,255,.08);
}
.share-modal-body{
  background:
    radial-gradient(420px 200px at 0% 12%, rgba(255,232,170,.08), transparent 52%),
    radial-gradient(320px 220px at 100% 0%, rgba(245,200,112,.06), transparent 56%);
}
.share-panel,
.share-link-card,
.share-social-card{
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.09);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 40px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.10), inset 0 -1px 0 rgba(255,255,255,.04);
}
.share-link-card,
.share-social-btn,
.share-action-btn,
.share-switch-btn,
.share-copy-btn,
.share-open-btn,
.share-native-btn{
  transition:transform .32s cubic-bezier(.18,.84,.28,1), background .28s ease, border-color .28s ease, box-shadow .28s ease;
}
.share-link-card:hover,
.share-social-btn:hover{
  transform:translateY(-4px) scale(1.01);
}
.share-link-card.active{
  background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.05));
  border-color:rgba(245,200,112,.36);
  box-shadow:0 24px 54px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.12), 0 0 0 1px rgba(245,200,112,.12);
}
.share-qr-wrap{
  background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.09);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), inset 0 -1px 0 rgba(255,255,255,.03);
}
.share-qr-box{
  background:linear-gradient(180deg, rgba(255,255,255,1), rgba(246,246,246,.98));
  position:relative;
}
.share-qr-box::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:18px;
  pointer-events:none;
  background:linear-gradient(145deg, rgba(255,255,255,.16), transparent 38%, transparent 62%, rgba(245,200,112,.10));
}
.share-modal-kicker,
.share-selected-chip,
.share-link-badge{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.12);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.share-social-grid{
  grid-template-columns:repeat(4, minmax(0,1fr));
}
.share-social-btn{
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
  border-color:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.share-social-ico{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.10);
}
.share-modal-overlay.is-open .share-modal{animation:shareModalFloat 9s ease-in-out infinite alternate;}
.share-modal-overlay.is-open .share-panel,
.share-modal-overlay.is-open .share-link-card,
.share-modal-overlay.is-open .share-social-card{animation:glassCardRise .65s cubic-bezier(.18,.84,.28,1) both;}
.share-modal-overlay.is-open .share-link-card:nth-child(2){animation-delay:.08s;}
.share-modal-overlay.is-open .share-social-card{animation-delay:.12s;}
@keyframes shareModalFloat{0%{transform:translateY(0) scale(1);}100%{transform:translateY(-5px) scale(1.002);}}
@keyframes glassCardRise{from{opacity:0; transform:translateY(18px) scale(.98);}to{opacity:1; transform:translateY(0) scale(1);}}

/* ===== Top products 3D emboss + auto pan ===== */
.top-products-shell{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}
.top-products-nav{
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid rgba(245,200,112,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  color:#f5c870;
  display:grid;
  place-items:center;
  box-shadow:0 12px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .26s ease, border-color .26s ease, background .26s ease;
}
.top-products-nav:hover{transform:translateY(-2px) scale(1.06); border-color:rgba(245,200,112,.55); background:rgba(245,200,112,.10);}
.top-products-viewport{
  overflow:hidden;
  padding:10px 4px 16px;
}
.top-products-track{
  display:flex;
  gap:18px;
  width:max-content;
  transition:transform .6s cubic-bezier(.18,.84,.28,1);
  will-change:transform;
}
.top-product-card{
  --tx:0deg;
  --ty:0deg;
  width:240px;
  flex:0 0 240px;
  position:relative;
  border-radius:28px;
  padding:18px 18px 16px;
  overflow:hidden;
  border:1px solid rgba(245,200,112,.16);
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.015));
  box-shadow:0 22px 42px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.08), inset 0 -14px 36px rgba(0,0,0,.22);
  transform-style:preserve-3d;
  transform:perspective(1200px) rotateX(var(--tx)) rotateY(var(--ty)) translateY(0);
  transition:transform .35s cubic-bezier(.18,.84,.28,1), border-color .35s ease, box-shadow .35s ease, filter .35s ease;
}
.top-product-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(145deg, rgba(255,255,255,.10), transparent 22%, transparent 72%, rgba(245,200,112,.08));
}
.top-product-card::after{
  content:"";
  position:absolute;
  inset:-25% -45%;
  background:linear-gradient(90deg, transparent, rgba(255,244,214,.14), transparent);
  transform:translateX(-100%) rotate(12deg);
  animation:productSheen 7s ease-in-out infinite;
  pointer-events:none;
}
.top-product-card.is-featured{width:264px; flex-basis:264px; border-color:rgba(245,200,112,.28);}
.top-product-card:hover{
  border-color:rgba(245,200,112,.55);
  box-shadow:0 30px 60px rgba(0,0,0,.36), 0 0 30px rgba(245,200,112,.10), inset 0 1px 0 rgba(255,255,255,.12);
  filter:saturate(1.08);
}
.top-product-rank{
  position:absolute;
  top:12px;
  left:12px;
  z-index:2;
  width:34px;
  height:34px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-family:Sora, Inter, sans-serif;
  font-size:13px;
  font-weight:700;
  color:#1c1205;
  background:linear-gradient(180deg, #fff0c0, #e9a821);
  box-shadow:0 10px 22px rgba(245,200,112,.24);
}
.top-product-stage{
  position:relative;
  height:250px;
  border-radius:22px;
  overflow:hidden;
  background:radial-gradient(circle at 50% 16%, rgba(255,227,157,.18), transparent 28%), linear-gradient(180deg, rgba(23,23,23,.82), rgba(8,8,8,.96));
  border:1px solid rgba(245,200,112,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), inset 0 -12px 24px rgba(0,0,0,.30);
  transform:translateZ(34px);
}
.top-product-backglow{
  position:absolute;
  inset:auto 50% 36px;
  transform:translateX(-50%);
  width:120px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(245,200,112,.34), rgba(245,200,112,.06) 44%, transparent 68%);
  filter:blur(8px);
  animation:productGlowPulse 4.6s ease-in-out infinite alternate;
}
.top-product-podium{
  position:absolute;
  left:50%; bottom:20px;
  transform:translateX(-50%);
  width:150px; height:34px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(255,230,166,.46), rgba(245,200,112,.12) 42%, transparent 72%);
  filter:blur(1px);
}
.top-product-media{
  position:absolute;
  inset:12px 18px 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateZ(46px);
}
.top-product-art{
  width:74%;
  height:74%;
  filter:drop-shadow(0 14px 20px rgba(0,0,0,.34)) drop-shadow(0 0 14px rgba(245,200,112,.14));
  animation:productFloat 5.2s ease-in-out infinite;
}
.top-product-meta{
  padding-top:14px;
  transform:translateZ(30px);
}
.top-product-name{
  color:#fff7ec;
  font-size:18px;
  font-weight:600;
  line-height:1.25;
}
.top-product-price{
  margin-top:8px;
  color:#f5c870;
  font-family:Sora, Inter, sans-serif;
  font-size:24px;
  font-weight:700;
}
.top-product-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:14px;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(245,200,112,.20);
  background:rgba(245,200,112,.08);
  color:#f5c870;
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.top-product-badge.subtle{color:rgba(255,247,236,.82); background:rgba(255,255,255,.05);}
@keyframes productFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
@keyframes productGlowPulse{0%{opacity:.55; transform:translateX(-50%) scale(.94);}100%{opacity:.92; transform:translateX(-50%) scale(1.12);}}
@keyframes productSheen{0%,16%{transform:translateX(-100%) rotate(12deg); opacity:0;}30%{opacity:.9;}55%{transform:translateX(120%) rotate(12deg); opacity:.65;}100%{transform:translateX(120%) rotate(12deg); opacity:0;}}
@media(max-width: 900px){
  .top-products-shell{grid-template-columns:1fr;}
  .top-products-nav{display:none;}
  .top-product-card{width:224px; flex-basis:224px;}
  .top-product-card.is-featured{width:244px; flex-basis:244px;}
}
@media(max-width: 640px){
  .top-product-card{width:84vw; flex-basis:84vw; max-width:290px;}
  .top-product-card.is-featured{width:84vw; flex-basis:84vw;}
  .top-products-viewport{overflow-x:auto; scrollbar-width:none;}
  .top-products-viewport::-webkit-scrollbar{display:none;}
}
/* ===== Share modal scroll fix ===== */
.share-modal-overlay{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  align-items:flex-start !important;
  padding-top:24px !important;
  padding-bottom:24px !important;
  -webkit-overflow-scrolling:touch;
}
.share-modal{
  overflow-y:auto !important;
  overflow-x:hidden !important;
  max-height:min(92vh, 920px) !important;
  margin:0 auto !important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.share-modal-body{
  overflow:visible !important;
}
@media(max-width:760px){
  .share-modal-overlay{
    padding-top:12px !important;
    padding-bottom:12px !important;
  }
  .share-modal{
    max-height:none !important;
    min-height:auto !important;
  }
}
/* Running letter animation only for user name */
.running-name .run-letter{
  display:inline-block;
  opacity:0;
  transform:translateY(22px) scale(.92);
  filter:blur(6px);
  animation:runNameLetter .58s cubic-bezier(.18,.84,.28,1) forwards;
}
.running-name .run-space{display:inline-block;width:.36em;}
@keyframes runNameLetter{
  0%{opacity:0;transform:translateY(22px) scale(.92);filter:blur(6px);}
  70%{opacity:1;transform:translateY(-3px) scale(1.03);filter:blur(0);}
  100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0);}
}
@media(prefers-reduced-motion:reduce){
  .running-name .run-letter{opacity:1;transform:none;filter:none;animation:none!important;}
}
/* ===== Header label visibility fix ===== */
.ebm-final-nav.ebm-icon-nav{
  overflow:visible !important;
}
.ebm-icon-nav .ebm-nav-item{
  flex:0 0 auto !important;
  min-width:46px;
}
.ebm-icon-nav .ebm-final-link{
  width:46px !important;
  min-width:46px !important;
  max-width:46px !important;
  flex:0 0 auto !important;
  overflow:hidden !important;
  padding-left:12px !important;
  padding-right:12px !important;
}
.ebm-icon-nav .ebm-nav-label{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  max-width:0 !important;
  display:inline-block !important;
  place-items:initial !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  line-height:1.1 !important;
}
.ebm-icon-nav .ebm-nav-caret{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  height:auto !important;
}
.ebm-icon-nav .ebm-nav-item:hover .ebm-final-link,
.ebm-icon-nav .ebm-nav-item:focus-within .ebm-final-link,
.ebm-icon-nav .ebm-final-link.active{
  width:auto !important;
  min-width:154px !important;
  max-width:240px !important;
  padding-right:16px !important;
}
.ebm-icon-nav .ebm-nav-item:hover .ebm-nav-label,
.ebm-icon-nav .ebm-nav-item:focus-within .ebm-nav-label,
.ebm-icon-nav .ebm-final-link.active .ebm-nav-label{
  width:auto !important;
  min-width:max-content !important;
  max-width:156px !important;
  opacity:1 !important;
  transform:translateX(0) !important;
  margin-left:10px !important;
}
.ebm-icon-nav .ebm-nav-item:hover .ebm-nav-caret,
.ebm-icon-nav .ebm-nav-item:focus-within .ebm-nav-caret{
  width:14px !important;
  min-width:14px !important;
  max-width:14px !important;
}
.ebm-icon-nav .ebm-final-link.active .ebm-nav-caret{
  width:0 !important;
  min-width:0 !important;
}
@media(max-width:1280px){
  .ebm-icon-nav .ebm-nav-item:hover .ebm-final-link,
  .ebm-icon-nav .ebm-nav-item:focus-within .ebm-final-link,
  .ebm-icon-nav .ebm-final-link.active{
    min-width:146px !important;
    max-width:220px !important;
  }
  .ebm-icon-nav .ebm-nav-item:hover .ebm-nav-label,
  .ebm-icon-nav .ebm-nav-item:focus-within .ebm-nav-label,
  .ebm-icon-nav .ebm-final-link.active .ebm-nav-label{
    max-width:144px !important;
  }
}