/* ---- Homepage: HASIL WD REFERRAL ---- */
@property --wd-a{syntax:'<angle>';initial-value:0deg;inherits:false}
.hero-scene{position:relative}
.wd-showcase{--wd-gold:#e9c77b;--wd-gold2:#b8893a;--wd-violet:#a874ff;--wd-ok:#52e3a4;
 position:absolute;right:4.5%;top:212px;width:min(47%,900px);z-index:3;box-sizing:border-box;container-type:inline-size;
 display:grid;grid-template-columns:34% 1fr;gap:2cqw;padding:1.6cqw 2cqw;border-radius:1.2cqw;overflow:hidden;color:#eef;
 background:linear-gradient(135deg,rgba(14,10,32,.78),rgba(28,14,52,.62));backdrop-filter:blur(6px);
 border:1px solid rgba(233,199,123,.45);box-shadow:0 0 3cqw rgba(168,116,255,.35),inset 0 0 2cqw rgba(168,116,255,.15);
 animation:wdRise .9s cubic-bezier(.2,.8,.2,1) both}
.wd-showcase[hidden]{display:none}
.wd-showcase::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;
 background:conic-gradient(from var(--wd-a),transparent 0 70%,var(--wd-gold) 80%,var(--wd-violet) 90%,transparent);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:wdSpin 5s linear infinite}
.wd-left{display:flex;flex-direction:column;justify-content:center;gap:.6cqw}
.wd-eye{font-size:1.25cqw;letter-spacing:.35em;color:var(--wd-gold);display:flex;align-items:center;gap:.6cqw}
.wd-dot{width:.9cqw;height:.9cqw;border-radius:50%;background:var(--wd-ok);animation:wdPing 1.6s infinite}
.wd-title{margin:0;font:700 3.1cqw/1.05 Georgia,serif;background:linear-gradient(90deg,#fff,var(--wd-gold),#fff);background-size:200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:wdShine 4s linear infinite}
.wd-total{font:700 3.6cqw Georgia,serif;color:var(--wd-gold);text-shadow:0 0 1.5cqw rgba(233,199,123,.5)}
.wd-sub{font-size:1.15cqw;color:#b9b3d6}
.wd-info{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr auto;gap:1.2cqw}
.wd-card{position:relative;padding:1.3cqw 1.6cqw;border-radius:1cqw;background:rgba(255,255,255,.05);border:1px solid rgba(168,116,255,.35);overflow:hidden;animation:wdPop .7s cubic-bezier(.2,.8,.2,1) both}
.wd-card:nth-child(2){animation-delay:.15s}
.wd-card::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.12) 50%,transparent 65%);transform:translateX(-100%);animation:wdSweep 3.5s ease-in-out infinite}
.wd-card:nth-child(2)::after{animation-delay:1.7s}
.wd-card b{font:700 4cqw/1 Georgia,serif;color:var(--wd-gold);text-shadow:0 0 1.5cqw rgba(233,199,123,.45)}
.wd-card span{display:block;margin-top:.4cqw;font-weight:700;font-size:1.3cqw;letter-spacing:.2em;color:#fff}
.wd-card p{margin:.6cqw 0 0;font-size:1.1cqw;color:#b9b3d6;line-height:1.4}
.wd-cta{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:1cqw;padding:1.2cqw;border-radius:1cqw;text-decoration:none;
 font-weight:700;font-size:1.35cqw;letter-spacing:.12em;color:#1a1206;background:linear-gradient(90deg,var(--wd-gold2),var(--wd-gold),#fff1c9,var(--wd-gold),var(--wd-gold2));background-size:200%;
 animation:wdShine 3s linear infinite,wdGlow 2s ease-in-out infinite;transition:transform .2s}
.wd-cta:hover{transform:translateY(-.2cqw)}.wd-cta em{font-style:normal;animation:wdNudge 1s ease-in-out infinite}
.wd-cta i{width:1cqw;height:1cqw;border-radius:50%;background:#1f8f5f;animation:wdPing 1.6s infinite}
.wd-coin{position:absolute;bottom:-1cqw;width:1cqw;height:1cqw;border-radius:50%;background:radial-gradient(#fff6d0,var(--wd-gold2));opacity:0;pointer-events:none;animation:wdFloat 6s linear infinite}
@keyframes wdSpin{to{--wd-a:360deg}}@keyframes wdRise{from{opacity:0;transform:translateY(2cqw) scale(.97)}}
@keyframes wdPing{0%{box-shadow:0 0 0 0 currentColor}70%{box-shadow:0 0 0 1cqw transparent}}
@keyframes wdShine{to{background-position:-200%}}@keyframes wdSweep{60%,100%{transform:translateX(100%)}}
@keyframes wdPop{from{opacity:0;transform:translateY(1.5cqw)}}@keyframes wdGlow{50%{box-shadow:0 0 2.5cqw rgba(233,199,123,.55)}}
@keyframes wdNudge{50%{transform:translateX(.5cqw)}}@keyframes wdFloat{10%{opacity:.9}100%{transform:translateY(-16cqw) rotate(360deg);opacity:0}}
@media (max-width:1050px){.wd-showcase{position:relative;right:auto;top:auto;width:calc(100% - 28px);margin:0 14px 18px;grid-template-columns:1fr;padding:18px;gap:14px;border-radius:12px}
 .wd-eye{font-size:10px}.wd-dot{width:8px;height:8px}.wd-title{font-size:22px}.wd-total{font-size:28px}.wd-sub{font-size:11px}
 .wd-info{gap:10px}.wd-card{padding:12px;border-radius:10px}.wd-card b{font-size:26px}.wd-card span{font-size:10px}.wd-card p{font-size:10px}
 .wd-cta{font-size:11px;padding:12px;border-radius:10px;letter-spacing:.06em;text-align:center}.wd-cta i{width:8px;height:8px}}
@media (prefers-reduced-motion:reduce){.wd-showcase,.wd-showcase *,.wd-showcase::before{animation:none!important}}