:root{--bg:#1a0b2e;--panel:#2d1f5e;--lavender:#c39bd3;--purple:#9b59b6;--green:#25d366;--gold:#ffd700}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg)}
body{min-height:100dvh;background:radial-gradient(circle at 50% 45%,#2b1450 0,transparent 48%),var(--bg);font-family:Poppins,sans-serif;color:#fff;display:grid;place-items:center;padding:20px;overflow-x:hidden}
.page-shell{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:20px}
.coin-burst{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:100;background:transparent;animation:coinStage 1.5s ease forwards}
.coin{position:absolute;left:var(--origin-x);top:var(--origin-y);width:var(--size);height:var(--size);border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff7a8 0 5%,#ffd84f 20%,#e8a900 62%,#8d5700 100%);border:2px solid #ffea70;box-shadow:inset -3px -4px 5px rgba(83,42,0,.38),0 0 12px rgba(255,213,45,.45);display:grid;place-items:center;color:#8b5700;font-weight:900;font-size:calc(var(--size)*.52);opacity:0;animation:coinBlast var(--duration) cubic-bezier(.12,.62,.2,1) var(--delay) forwards}
.coin:before{content:"$";transform:rotate(var(--face-rotation))}.coin.spark{border-radius:3px;width:5px;height:5px;background:#fff3a0;border:0;box-shadow:0 0 12px #ffe55e}.coin.spark:before{content:""}
.hero{text-align:center}.network-badge{display:inline-block;border:1.5px solid rgba(195,155,211,.5);border-radius:99px;padding:6px 20px;color:var(--lavender);font-size:.65rem;font-weight:700;letter-spacing:3px;margin-bottom:16px}.hero h1{font-size:1.8rem;font-weight:900;line-height:1.1;letter-spacing:1px}
.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}.platform-card{height:70px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.04);border-radius:14px;display:grid;place-items:center;padding:14px 8px;position:relative;overflow:hidden}.wordmark{font-size:clamp(.72rem,3.5vw,.95rem);font-weight:900;white-space:nowrap}.silver{background:linear-gradient(#fff 10%,#d4d4d4 38%,#969696 68%,#d4d4d4);background-clip:text;-webkit-background-clip:text;color:transparent}.purple{background:linear-gradient(#c17ae5,#793594,#c17ae5);background-clip:text;-webkit-background-clip:text;color:transparent}.blue{background:linear-gradient(#85dbf3,#3398ce,#85dbf3);background-clip:text;-webkit-background-clip:text;color:transparent}
.shimmer-card:after,.light-sweep{content:"";position:absolute;inset:0 auto 0 -100%;width:60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:sweep 3s ease-in-out infinite;pointer-events:none}.platform-card:nth-child(2):after{animation-delay:.5s}
.bonus-card{width:100%;padding:24px 20px;border-radius:20px;text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#2d1f5e,#1a0b2e);border:1px solid rgba(255,255,255,.06);box-shadow:0 25px 70px rgba(0,0,0,.12)}.bonus-card .light-sweep{width:50%;animation-duration:4s}.eyebrow{font-size:.65rem;font-weight:700;letter-spacing:3px;margin-bottom:4px}.bonus-number{display:inline-block;font-size:5.5rem;font-weight:900;line-height:1;color:var(--gold);animation:floatNumber 2s ease-in-out infinite;text-shadow:0 5px 22px rgba(255,215,0,.15)}.bonus-copy{font-size:.75rem;font-weight:700;letter-spacing:1px;margin-top:6px}
.whatsapp-button{position:relative;z-index:1;margin-top:20px;width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:18px 20px;border-radius:99px;background:var(--green);color:white;text-decoration:none;font-size:1rem;font-weight:800;letter-spacing:1px;animation:pulse 1.8s infinite}.whatsapp-button svg{width:22px;height:22px;fill:#fff;flex:none}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.benefits article{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.02);border-radius:12px;text-align:center;padding:12px 7px}.benefits span{font-size:1.2rem}.benefits p{color:rgba(255,255,255,.5);font-size:.5rem;font-weight:700;letter-spacing:1px;line-height:1.3;margin-top:6px}
.online{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.42);font-size:.65rem;font-weight:600;letter-spacing:1px}.online i{width:8px;height:8px;border-radius:50%;background:var(--green);animation:blink 1.5s ease-in-out infinite}
.activity{width:100%;max-width:320px;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:10px;border-left:3px solid var(--purple);background:var(--panel)}.money-icon{font-size:1.4rem}.activity-label{font-size:.55rem;font-weight:700;color:var(--lavender);letter-spacing:1px}.activity-main{font-size:.75rem;font-weight:700}.activity-main b{color:var(--lavender)}.activity-time{font-size:.55rem;color:rgba(255,255,255,.4)}
.enter{opacity:0;animation:enter .65s cubic-bezier(.2,.8,.2,1) forwards}.enter-2{animation-delay:.08s}.enter-3{animation-delay:.16s}.enter-4{animation-delay:.24s}.enter-5{animation-delay:.32s}.enter-6{animation-delay:.4s}
@keyframes coinBlast{0%{opacity:0;transform:translate(-50%,-50%) scale(.15) rotateX(0) rotateY(0)}8%{opacity:1}58%{opacity:1;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotateX(var(--rx)) rotateY(var(--ry))}100%{opacity:0;transform:translate(calc(-50% + var(--x2)),calc(-50% + var(--fall))) scale(.7) rotateX(calc(var(--rx)*1.7)) rotateY(calc(var(--ry)*1.7))}}
@keyframes coinStage{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes sweep{0%{left:-100%}60%,100%{left:200%}}@keyframes floatNumber{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{transform:scale(1.03);box-shadow:0 0 0 12px rgba(37,211,102,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(37,211,102,0)}}@keyframes blink{50%{opacity:.3}}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes activitySwap{0%{opacity:0;transform:translateX(-30px)}15%,80%{opacity:1;transform:none}100%{opacity:0;transform:translateX(-30px)}}
@media(max-height:760px){body{align-items:start}.page-shell{gap:14px}.bonus-card{padding:18px}.bonus-number{font-size:4.8rem}.whatsapp-button{padding:15px}}@media(max-width:360px){body{padding:14px}.network-badge{letter-spacing:2px}.hero h1{font-size:1.55rem}.whatsapp-button{font-size:.86rem}.wordmark{font-size:.72rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.coin-burst{display:none}}