@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;700;900&family=Inter:wght@400;600;700&display=swap";.main-layout{display:flex;min-height:100vh}.content-area{flex-grow:1;margin-left:0;padding-bottom:70px;display:flex;flex-direction:column}.page-content{padding:24px 20px;flex-grow:1;width:100%;max-width:600px;margin:0 auto}.bottom-nav{background:#141414f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--color-border);padding:12px 8px;position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:100}.nav-container{display:flex;justify-content:space-around;width:100%;max-width:600px}.nav-item{font-family:Inter,sans-serif;font-size:10px;position:relative;flex:1;max-width:80px;padding:8px 10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;background:transparent;border:none;color:#fff9;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s ease}.nav-item svg{stroke-width:2.5;transition:all .3s ease}.nav-item.active:before,.nav-item[aria-current=page]:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--color-accent);box-shadow:0 0 10px var(--color-accent);border-radius:0 0 3px 3px}.nav-item:hover{background:#a8ff000d;border-radius:8px}.nav-item.active,.nav-item[aria-current=page]{background:#a8ff001a;border-radius:8px}.nav-item.active svg,.nav-item[aria-current=page] svg{stroke:var(--color-accent);filter:drop-shadow(0 0 6px rgba(168,255,0,.6))}.nav-item.active span,.nav-item[aria-current=page] span{color:var(--color-accent)}.landing-overlay{background:linear-gradient(180deg,#0a0a0a,#111 60%,#0d0d0d);min-height:100vh;width:100%;position:relative;overflow-y:auto;display:block;font-family:Inter,sans-serif;color:#fff}.particle-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.landing-header{position:sticky;top:0;z-index:100;background:#0a0a0ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(168,255,0,.2);padding:14px 32px;transition:all .4s ease}.logo-section{display:flex;align-items:center;gap:12px}.landing-logo-image{height:50px;width:auto;object-fit:contain;display:block}.landing-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:40px 20px 100px;width:100%}.hero-section{text-align:center;padding:50px 20px 40px}.player-count-badge{display:inline-flex;align-items:center;gap:8px;background:#a8ff0014;border:1px solid rgba(168,255,0,.25);border-radius:100px;padding:7px 16px;margin-bottom:28px;animation:fadeInUp .5s ease-out both}.player-count-dot{width:8px;height:8px;border-radius:50%;background:#a8ff00;box-shadow:0 0 8px #a8ff00;flex-shrink:0;animation:dotBlink 2s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.4}}.player-count-text{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#a8ff00;letter-spacing:.3px}.hero-title{font-family:Outfit,sans-serif;font-size:clamp(38px,6vw,68px);font-weight:900;margin-bottom:20px;line-height:1.1;animation:fadeInUp .6s ease-out .05s both}.hero-title-accent{color:#a8ff00;text-shadow:0 0 30px rgba(168,255,0,.5)}.hero-title-white{color:#fff}.hero-subtitle{font-size:clamp(15px,2vw,19px);color:#ffffffa6;max-width:640px;margin:0 auto 28px;line-height:1.65;animation:fadeInUp .6s ease-out .12s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.social-proof-row{display:inline-flex;align-items:center;gap:10px;margin-bottom:40px;animation:fadeInUp .6s ease-out .2s both}.social-avatars{display:flex}.social-avatar{width:30px;height:30px;border-radius:50%;background:#2a2a2acc;border:2px solid rgba(168,255,0,.3);font-size:14px;display:flex;align-items:center;justify-content:center;margin-left:-8px;flex-shrink:0}.social-avatar:first-child{margin-left:0}.social-proof-text{font-size:13px;color:#fff9;font-family:Inter,sans-serif;font-weight:500}.bubble-preview-panel{max-width:420px;margin:0 auto 56px;animation:fadeInUp .6s ease-out .25s both}.bubble-preview-inner{position:relative;border-radius:20px;overflow:hidden;background:#0e0e0eb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(168,255,0,.25);box-shadow:0 0 40px #a8ff001f,inset 0 0 0 1px #a8ff000d}.mini-bubble-canvas{display:block;width:100%;height:auto;max-height:370px}.bubble-preview-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);padding:24px 16px 20px;display:flex;justify-content:center}.bubble-preview-cta{background:#a8ff00;color:#0a0a0a;border:none;padding:12px 24px;border-radius:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.3px;transition:all .3s ease;white-space:nowrap}.bubble-preview-cta:hover{background:#c2ff40;transform:translateY(-2px);box-shadow:0 6px 20px #a8ff0066}.how-it-works{margin:0 auto 20px;max-width:960px}.landing-section-title{font-family:Outfit,sans-serif;color:#a8ff00;font-size:clamp(22px,3.5vw,30px);font-weight:700;text-align:center;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.steps-container{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}.step-card{background:#1e1e1e99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(168,255,0,.15);border-radius:20px;padding:46px 24px 32px;text-align:center;flex:1 1 260px;max-width:300px;position:relative;transition:all .45s cubic-bezier(.25,.46,.45,.94);overflow:visible;opacity:0;transform:translateY(32px)}.step-card--visible{opacity:1;transform:translateY(0);transition-delay:var(--delay, 0ms)}.step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#a8ff00,transparent);opacity:0;transition:opacity .3s ease}.step-card:hover{transform:translateY(-8px);border-color:#a8ff0066;box-shadow:0 20px 40px #a8ff0026}.step-card:hover:before{opacity:1}.step-card .step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);background:#141414;color:#a8ff00;width:44px;height:44px;border-radius:50%;border:2px solid #a8ff00;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:22px;font-family:Outfit,sans-serif;box-shadow:0 0 20px #a8ff0080;z-index:10;animation:glowPulse 3s ease-in-out infinite;opacity:1;background-color:#141414;border-color:#a8ff00}@keyframes glowPulse{0%,to{box-shadow:0 0 15px #a8ff0066}50%{box-shadow:0 0 30px #a8ff00cc}}.step-card .step-icon{width:68px;height:68px;margin:0 auto 20px;color:#a8ff00;display:flex;align-items:center;justify-content:center;background:#a8ff0014;border-radius:16px;border:1px solid rgba(168,255,0,.2);transition:all .4s ease}.step-card:hover .step-icon{background:#a8ff0026;border-color:#a8ff00;transform:scale(1.06);box-shadow:0 0 16px #a8ff0033}.step-card .step-icon svg{width:34px;height:34px;stroke:#a8ff00;stroke-width:2}.step-card h3{font-family:Outfit,sans-serif;color:#fff;font-size:20px;font-weight:700;margin-bottom:8px}.step-card .step-metric{color:#a8ff00bf;font-size:13px;font-family:Inter,sans-serif;font-weight:600;line-height:1.4;letter-spacing:.2px}.cta-section{text-align:center;margin-top:56px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-primary{background:#a8ff00;color:#0a0a0a;box-shadow:0 6px 25px #a8ff0080;font-weight:800;font-family:Inter,sans-serif;border:none;padding:18px 44px;font-size:17px;border-radius:12px;cursor:pointer;transition:all .35s cubic-bezier(.25,.46,.45,.94);text-transform:uppercase;letter-spacing:1px;animation:ctaPulse 2.5s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 6px 25px #a8ff0080}50%{box-shadow:0 6px 40px #a8ff00cc,0 0 0 8px #a8ff0014}}.cta-primary:hover{background:#c2ff40;transform:translateY(-3px);box-shadow:0 10px 40px #a8ff00b3;animation:none}.cta-secondary{background:#2a2a2a99;border:2px solid rgba(168,255,0,.2);color:#fff;padding:16px 38px;font-size:17px;border-radius:12px;cursor:pointer;transition:all .35s ease;font-weight:600;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:1px}.cta-secondary:hover{background:#a8ff001a;border-color:#a8ff00;transform:translateY(-3px)}.trust-line{text-align:center;margin-top:20px;font-size:12px;color:#fff6;font-family:Inter,sans-serif;font-weight:500;letter-spacing:.3px}@media(max-width:768px){.landing-header{padding:14px 20px}.hero-section{padding:36px 16px 30px}.steps-container{flex-direction:column;align-items:center}.step-card{max-width:100%;width:100%}.cta-primary,.cta-secondary{width:100%;max-width:320px}.bubble-preview-panel{max-width:100%}}@media(max-width:480px){.hero-title{font-size:34px}.hero-subtitle{font-size:15px}.step-card{padding:44px 18px 26px}.player-count-badge{font-size:12px}}.game-disclaimer{text-align:center;margin:14px auto 0;max-width:580px;font-size:10px;color:#ffffff52;font-family:Inter,sans-serif;font-weight:400;line-height:1.65;font-style:italic;padding:0 16px}.landing-footer{position:relative;z-index:1;border-top:1px solid rgba(168,255,0,.1);padding:22px 20px;margin-top:24px}.landing-footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copy{font-family:Inter,sans-serif;font-size:12px;color:#ffffff47}.footer-legal-links{display:flex;align-items:center;gap:10px}.footer-legal-btn{background:none;border:none;font-family:Inter,sans-serif;font-size:10px;color:#a8ff0026;cursor:pointer;padding:0;transition:color .2s ease;text-decoration:underline;text-underline-offset:1px}.footer-legal-btn:hover{color:#a8ff00}.footer-divider{color:#fff3;font-size:12px;-webkit-user-select:none;user-select:none}.legal-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:legalFadeIn .2s ease-out}@keyframes legalFadeIn{0%{opacity:0}to{opacity:1}}.legal-modal{background:linear-gradient(135deg,#1a1a1a,#242424);border:1px solid rgba(168,255,0,.2);border-radius:16px;max-width:560px;width:100%;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #000000b3,0 0 0 1px #a8ff000a;animation:legalSlideUp .25s ease-out}@keyframes legalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.legal-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(168,255,0,.12);flex-shrink:0}.legal-modal-header h2{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#a8ff00;text-transform:uppercase;letter-spacing:1.5px;margin:0}.legal-modal-close{background:transparent;border:none;color:#ffffff73;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.legal-modal-close:hover{color:#a8ff00;background:#a8ff0014;transform:rotate(90deg)}.legal-modal-body{padding:20px 22px;overflow-y:auto;flex:1}.legal-modal-body::-webkit-scrollbar{width:4px}.legal-modal-body::-webkit-scrollbar-track{background:transparent}.legal-modal-body::-webkit-scrollbar-thumb{background:#a8ff0033;border-radius:2px}.legal-modal-body pre{font-family:Inter,sans-serif;font-size:13px;color:#ffffffa6;line-height:1.8;white-space:pre-wrap;word-break:break-word;margin:0}@media(max-width:600px){.landing-footer-inner{flex-direction:column;text-align:center;align-items:center}}.bp-root{position:fixed;inset:0;background:#0d0d0d;display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif}.bp-hud{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#0a0a0ae6;border-bottom:1px solid rgba(168,255,0,.15);flex-shrink:0;z-index:20;gap:12px}.bp-hud-left{display:flex;align-items:center;gap:12px}.bp-hud-group{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}.bp-icon-btn{font-size:20px;line-height:1;width:36px;height:36px;border-radius:10px;border:1.5px solid;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-family:system-ui,sans-serif;font-weight:600}.bp-icon-btn.bp-back{background:#141414f2;border-color:#a8ff008c;color:#a8ff00}.bp-icon-btn.bp-back:hover{background:#a8ff0026;border-color:#a8ff00;transform:translate(-2px)}.bp-icon-btn.bp-nudge{background:#141414f2;border-color:#ffc80080;color:#ffc800}.bp-icon-btn.bp-nudge:hover{background:#ffc80026;border-color:#ffc800}.bp-icon-btn.bp-nudge:active,.bp-icon-btn.bp-nudge.cooldown{opacity:.4;cursor:default;transform:scale(.93)}.bp-counter{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;display:flex;align-items:center;gap:4px}.bp-counter-val{color:#a8ff00}.bp-counter-sep{color:#ffffff4d;font-size:14px}.bp-counter-tot{color:#ffffff73;font-size:14px}.bp-lives{display:flex;align-items:center;gap:5px}.bp-life{width:20px;height:20px;transition:all .3s ease}.bp-life svg{width:100%;height:100%}.bp-life.active{color:#a8ff00;filter:drop-shadow(0 0 4px rgba(168,255,0,.8))}.bp-life.dead{color:#ffffff1f}.bp-reward-pill{font-family:Inter,sans-serif;font-size:12px;font-weight:700;color:#a8ff00;background:#a8ff001a;border:1px solid rgba(168,255,0,.3);border-radius:20px;padding:5px 12px;letter-spacing:.5px;white-space:nowrap;display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.3;flex-shrink:1;min-width:0;max-width:120px}.bp-earned-label{font-size:8px;letter-spacing:2px;color:#a8ff0099;font-weight:600;text-transform:uppercase;flex-shrink:0}.bp-reward-total{opacity:.4;font-size:9px;font-weight:500;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-canvas{flex:1;display:block;width:100%;touch-action:none;cursor:crosshair}.bp-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:50}.ready-overlay{background:transparent;pointer-events:none;align-items:flex-end;padding-bottom:100px;z-index:10}.bp-tap-hint{text-align:center;background:#0a0a0ad9;border:1px solid rgba(168,255,0,.3);border-radius:16px;padding:16px 28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.bp-tap-hint:active{transform:scale(.95);transition:transform .1s ease}.bp-tap-icon{font-size:26px;margin-bottom:6px;animation:bpPulse 1.2s ease-in-out infinite}.bp-tap-text{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:#a8ff00;letter-spacing:2px}.bp-tap-sub{font-size:11px;color:#ffffff73;margin-top:4px;letter-spacing:.5px}@keyframes bpPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.lost-overlay{background:#000000eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bp-lost-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 20px}.bp-lost-icon{font-size:52px}.bp-lost-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:900;color:#73ff00;letter-spacing:3px;text-transform:uppercase}.bp-lost-sub{font-size:13px;color:#ffffff80;letter-spacing:.5px}.bp-cooldown-badge{display:flex;align-items:center;gap:8px;background:#ff44441f;border:1px solid rgba(255,68,68,.35);border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;color:#f88}.bp-cooldown-badge svg{width:16px;height:16px}.won-overlay{background:#000000f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.bp-electric-bg{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(168,255,0,.08) 0%,transparent 70%);animation:elecBg 1.5s ease-in-out infinite alternate;pointer-events:none}@keyframes elecBg{0%{opacity:.5}to{opacity:1}}.bp-won-card{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px 24px;z-index:2}.bp-won-sparks{position:absolute;inset:-40px;pointer-events:none}.bp-spark{position:absolute;width:6px;height:20px;background:#a8ff00;border-radius:3px;top:50%;left:50%;transform-origin:center 60px;animation:sparkArc 1.4s ease-in-out infinite;animation-delay:calc(var(--i) * .175s);transform:rotate(calc(var(--i) * 45deg)) translateY(-60px)}@keyframes sparkArc{0%,to{opacity:0;transform:rotate(calc(var(--i) * 45deg)) translateY(-60px) scaleY(.3)}50%{opacity:1;transform:rotate(calc(var(--i) * 45deg)) translateY(-60px) scaleY(1)}}.bp-won-icon{font-size:52px;animation:wonIconBounce .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes wonIconBounce{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.bp-won-title{font-family:Outfit,sans-serif;font-size:26px;font-weight:900;color:#a8ff00;letter-spacing:3px;text-shadow:0 0 20px rgba(168,255,0,.6);text-transform:uppercase}.bp-balance-display{background:#a8ff0012;border:1px solid rgba(168,255,0,.3);border-radius:14px;padding:14px 28px;min-width:220px;position:relative;overflow:hidden}.bp-balance-display:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a8ff00,transparent)}.bp-bal-label{font-size:10px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:2px;margin-bottom:6px}.bp-count-up{font-family:Outfit,sans-serif;font-size:26px;font-weight:900;color:#a8ff00;letter-spacing:-.5px;transition:color .1s}.bp-count-up.electric{animation:electricFlicker 2s ease-in-out}@keyframes electricFlicker{0%{color:#fff;text-shadow:0 0 30px #a8ff00,0 0 60px #a8ff00}10%{color:#a8ff00;text-shadow:0 0 10px #a8ff00}15%{color:#fff;text-shadow:0 0 40px #a8ff00}20%{color:#a8ff00;text-shadow:0 0 8px #a8ff00}to{color:#a8ff00;text-shadow:0 0 10px rgba(168,255,0,.4)}}.bp-won-amount{font-size:12px;color:#a8ff00b3;font-weight:600;letter-spacing:.5px}.bp-btn-primary{width:100%;max-width:260px;padding:14px 24px;background:#a8ff00;color:#0d0d0d;border:none;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.bp-btn-primary:hover{background:#c4ff3a;transform:translateY(-2px)}.bp-btn-secondary{background:transparent;border:1px solid rgba(255,255,255,.15);color:#ffffff80;border-radius:10px;padding:10px 24px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;width:100%;max-width:260px}.bp-btn-secondary:hover{border-color:#ffffff4d;color:#ffffffbf}@media(max-width:380px){.bp-hud{padding:8px 10px;gap:6px}.bp-icon-btn{width:32px;height:32px;font-size:18px}.bp-counter{font-size:14px}.bp-reward-pill{padding:4px 8px;font-size:10px;max-width:90px}.bp-earned-label{font-size:7px;letter-spacing:1.5px}.bp-reward-total{font-size:7px}.bp-life{width:16px;height:16px}}@media(max-width:340px){.bp-reward-pill{max-width:80px;padding:3px 6px}}@media(max-width:320px){.bp-reward-pill{max-width:70px;padding:3px 5px}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:15px;width:100%}.loading-container.full-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0b0f19;z-index:9999}.loading-bolt{font-size:48px;color:var(--color-accent, #a8ff00);animation:boltPulse 1.5s infinite ease-in-out;filter:drop-shadow(0 0 10px rgba(168,255,0,.5))}.loading-text{font-family:Outfit,sans-serif;color:var(--color-accent, #a8ff00);font-size:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase;animation:textFade 1.5s infinite ease-in-out}@keyframes boltPulse{0%{transform:scale(.8);opacity:.5;filter:drop-shadow(0 0 5px rgba(168,255,0,.2))}50%{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 20px rgba(168,255,0,.8))}to{transform:scale(.8);opacity:.5;filter:drop-shadow(0 0 5px rgba(168,255,0,.2))}}@keyframes textFade{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.auth-wrapper{font-family:Urbanist,sans-serif;background:var(--color-primary);color:var(--color-light);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.auth-wrapper .logo-placeholder{text-align:center;margin-bottom:32px;padding:20px 0}.auth-wrapper .logo-image{height:80px;width:auto;max-width:100%;object-fit:contain;margin:0 auto 16px;display:block}.auth-wrapper .logo-text{font-size:32px;font-weight:700;letter-spacing:2px;color:var(--color-accent);margin-bottom:8px;line-height:1.2}.auth-wrapper .logo-tagline{font-size:14px;color:#fff9;font-weight:500;margin-top:0;letter-spacing:1px;font-family:Outfit,sans-serif}.auth-wrapper .back-to-home{text-align:center;margin-bottom:20px}.auth-wrapper .back-to-home a{color:var(--color-accent);text-decoration:none;font-size:14px;transition:all .3s ease}.auth-wrapper .back-to-home a:hover{color:var(--color-accent-hover)}.auth-wrapper .auth-container{width:100%;max-width:400px;margin:0 auto}.auth-wrapper .form-container{background:#2a2a2ae6;border-radius:16px;padding:32px;box-shadow:0 8px 32px #00000080;border:1px solid rgba(168,255,0,.2);animation:authFadeIn .3s ease-out}@keyframes authFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-wrapper h2{color:var(--color-light);font-size:28px;font-weight:800;text-align:center;margin-bottom:24px;font-family:Outfit,sans-serif}.auth-wrapper .subtitle{color:#ffffffb3;text-align:center;font-size:14px;margin-bottom:24px;line-height:1.4}.auth-wrapper .input-group{margin-bottom:20px;position:relative;text-align:left}.auth-wrapper label{display:block;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1px;color:#ffffffe6;margin-bottom:8px}.auth-wrapper input[type=text],.auth-wrapper input[type=tel],.auth-wrapper input[type=password],.auth-wrapper input[type=email]{width:100%;padding:14px 16px;background-color:#323232cc;border:2px solid rgba(168,255,0,.3);color:var(--color-light);border-radius:10px;font-size:16px;transition:all .3s ease;font-family:Urbanist,sans-serif}.auth-wrapper input::placeholder{color:#fff6}.auth-wrapper input:focus{outline:none;border-color:var(--color-accent);background-color:#323232e6;box-shadow:0 0 0 3px #a8ff001a}.auth-wrapper .password-input{position:relative;display:flex;align-items:center}.auth-wrapper .password-input input{padding-right:50px}.auth-wrapper .toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;color:var(--color-accent);transition:all .3s ease;border-radius:4px}.auth-wrapper .toggle-password svg{stroke:var(--color-accent);transition:all .3s ease}.auth-wrapper .toggle-password:hover{background-color:#a8ff001a;color:var(--color-accent-hover)}.auth-wrapper .field-help{color:#fff9;font-size:12px;margin-top:4px}.auth-wrapper .error-message{color:#ff4b4b;background-color:#ff4b4b1a;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;margin-top:8px;border:1px solid rgba(255,75,75,.2);display:flex;align-items:center;gap:8px}.auth-wrapper .form-links{text-align:center;margin-top:16px}.auth-wrapper .form-links .help-text{color:#ffffffb3;font-size:12px;font-style:italic}.auth-wrapper .primary-btn{width:100%;background:var(--color-accent);color:var(--color-primary);border:none;padding:16px 24px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 15px #a8ff0066;font-family:Urbanist,sans-serif}.auth-wrapper .primary-btn:hover{background:var(--color-accent-hover);box-shadow:0 8px 20px #a8ff0080;transform:translateY(-2px)}.auth-wrapper .primary-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-wrapper .form-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid rgba(168,255,0,.2)}.auth-wrapper .form-footer p{color:#ffffffb3;font-size:14px}.auth-wrapper .form-footer a{color:var(--color-accent);text-decoration:none;font-weight:600}.auth-wrapper .form-footer a:hover{color:var(--color-accent-hover);text-decoration:underline}@media(max-width:480px){.auth-wrapper .logo-text{font-size:28px}.auth-wrapper .form-container{padding:24px 20px}}.notification-bell-container{position:relative;display:inline-block}.bell-icon-btn{background:none;border:none;color:var(--color-text);font-size:1.2rem;cursor:pointer;position:relative;padding:8px;border-radius:var(--radius-circle);transition:background-color var(--transition-fast)}.bell-icon-btn:hover{background-color:var(--color-surface)}.notification-badge{position:absolute;top:0;right:0;background-color:var(--color-error);color:#fff;font-size:10px;font-weight:700;padding:2px 5px;border-radius:10px;border:2px solid var(--color-background)}.notification-dropdown{background-color:#1e1e1e;border:1px solid rgba(168,255,0,.2);border-radius:12px;box-shadow:0 10px 40px #000000e6;overflow:hidden;animation:slideDown .2s ease forwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--color-border);background-color:#0003}.dropdown-header h4{margin:0;font-size:1rem;font-weight:600;color:#fff}.mark-all-read-btn{background:none;border:none;color:var(--color-accent);font-size:.8rem;cursor:pointer;padding:0}.mark-all-read-btn:hover{text-decoration:underline}.notification-list{max-height:350px;overflow-y:auto}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:var(--color-background)}.notification-list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.no-notifications{padding:30px 20px;text-align:center;color:#aaa;font-size:.9rem}.notification-item{display:flex;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#ffffff08}.notification-item.unread{background-color:#00ff000d}.notification-content{flex:1}.notification-title{font-weight:600;font-size:.9rem;margin-bottom:4px;color:#fff}.notification-message{font-size:.8rem;color:#aaa;line-height:1.4;margin-bottom:6px;word-break:break-word}.notification-time{font-size:.7rem;color:#777}.unread-dot{width:8px;height:8px;background-color:var(--color-accent);border-radius:50%;margin-left:10px;margin-top:6px;flex-shrink:0}.text-success{color:var(--color-success, #4ade80)}.text-warning{color:var(--color-warning, #facc15)}.text-info{color:var(--color-info, #60a5fa)}@media(max-width:480px){.notification-dropdown{position:fixed;top:60px;left:10px;right:10px;width:auto}}.dashboard-header{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:20px;margin-bottom:16px;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.1),transparent);animation:scan 3s infinite}.welcome-section h1{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;color:var(--color-light)}.welcome-subtitle{font-family:Inter,sans-serif;font-size:12px;opacity:.6;font-weight:400;color:var(--color-light);margin-top:6px;letter-spacing:.3px}.settings-btn-inline{position:absolute;top:20px;right:20px;background:#2a2a2a99;border:1px solid rgba(168,255,0,.3);border-radius:8px;padding:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--color-accent);width:40px;height:40px}.settings-btn-inline:hover{background:#a8ff001a;border-color:var(--color-accent);transform:rotate(45deg)}.settings-btn-inline svg{stroke:var(--color-accent);stroke-width:2.5;width:20px;height:20px}.balance-card{background:linear-gradient(135deg,#a8ff001a,#2a2a2a66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.3);border-radius:16px;padding:24px;margin-bottom:16px;position:relative;overflow:hidden;box-shadow:0 0 25px #a8ff001a}.balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.balance-label{text-align:center;font-family:Inter,sans-serif;font-size:11px;text-transform:uppercase;color:#ffffff80;letter-spacing:2px;margin-bottom:8px;font-weight:600}.balance-value{text-align:center;font-family:Outfit,sans-serif;font-size:36px;font-weight:800;color:var(--color-accent);text-shadow:0 0 24px rgba(168,255,0,.5);letter-spacing:-.5px}.balance-subtext{text-align:center;font-size:11px;color:#ffffff73;margin-top:4px;font-family:Inter,sans-serif;font-weight:500;letter-spacing:.5px}.uplink-code-section{margin-bottom:16px}.uplink-code-btn{width:100%;background:transparent;border:1px solid rgba(168,255,0,.2);border-radius:12px;padding:13px 20px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;font-family:Inter,sans-serif;font-weight:600;font-size:13px;color:var(--color-accent);text-transform:uppercase;letter-spacing:1.5px}.uplink-code-btn:hover{background:#a8ff001a;transform:translateY(-2px);box-shadow:0 4px 15px #a8ff0033}.uplink-code-btn svg{stroke:var(--color-accent)}.available-uplinks-section{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:12px;padding:16px;margin-bottom:16px;display:block}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-title{font-family:Inter,sans-serif;font-size:11px;text-transform:uppercase;color:var(--color-accent);letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.section-title:before{content:"";width:6px;height:6px;background:var(--color-accent);border-radius:50%;box-shadow:0 0 8px var(--color-accent);animation:pulse 2s infinite}.view-all-btn{font-family:Inter,sans-serif;font-size:11px;color:#a8ff00b3;text-decoration:none;transition:color .3s ease;font-weight:600;letter-spacing:.5px}.view-all-btn:hover{color:var(--color-accent)}.empty-uplinks{text-align:center;padding:20px;color:#fff6;width:100%;display:flex;flex-direction:column;align-items:center}.empty-uplinks-icon{font-size:32px;margin-bottom:8px;opacity:.5}.empty-uplinks-text{font-size:12px;font-family:Inter,sans-serif;color:#ffffff73;line-height:1.5}.uplink-bubbles-field{position:relative;overflow:hidden;width:100%;height:200px;margin-top:8px;border-radius:10px}.bouncing-bubble{position:absolute;top:0;left:0;border-radius:50%;will-change:transform}.bubble-ring-svg{position:absolute;top:0;left:0;pointer-events:none;transform:rotate(-90deg);overflow:hidden;width:100%;height:100%}.bubble-ring-track{fill:#1e1e1ef2;stroke:#a8ff001f;stroke-width:5}.bubble-ring-fill{fill:none;stroke:#a8ff00;stroke-width:5;stroke-linecap:round;stroke-opacity:1}.signup-ring-fill{fill:none;stroke:gold;stroke-width:5;stroke-linecap:round;stroke-opacity:1}.waiting-bubble{cursor:pointer}.waiting-track{stroke:#ffffff0d;fill:#141414f2}.waiting-fill{stroke:#fff3;animation:none;filter:none;transition:stroke-dashoffset 1s ease}.bubble-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;pointer-events:none}.bubble-bolt{font-size:14px;line-height:1}.bubble-amount{font-family:Outfit,sans-serif;font-size:13px;font-weight:800;color:#a8ff00;text-align:center;line-height:1.1;word-break:break-word;padding:0 8px}.bubble-label{font-family:Inter,sans-serif;font-size:7px;font-weight:700;color:#ffffff80;letter-spacing:1px;text-transform:uppercase}.start-challenge-btn{background:transparent;border:1px solid var(--color-accent);color:var(--color-accent);padding:10px 20px;border-radius:8px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;cursor:pointer;text-transform:uppercase;transition:all .3s ease;width:100%;position:relative;overflow:hidden}.start-challenge-btn:hover{background:var(--color-accent);color:var(--color-primary);box-shadow:0 0 15px #a8ff0066}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{background:linear-gradient(135deg,#1e1e1e,#2a2a2a);border:1px solid rgba(168,255,0,.3);border-radius:16px;max-width:400px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 8px 32px #a8ff0033}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(168,255,0,.2)}.modal-header h3{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:1.5px;margin:0}.modal-close{background:transparent;border:none;padding:4px;cursor:pointer;color:#fff9;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-accent);transform:rotate(90deg)}.modal-body{padding:20px}.code-container{background:#14141499;border:2px solid rgba(168,255,0,.3);border-radius:12px;padding:20px;margin-bottom:20px;text-align:center}.code-value{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;color:var(--color-accent);text-shadow:0 0 16px rgba(168,255,0,.4);letter-spacing:2px;margin-bottom:16px;word-break:break-all}.copy-code-btn{background:#a8ff001a;border:1px solid rgba(168,255,0,.3);border-radius:8px;padding:10px 20px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;font-weight:600;font-size:11px;color:var(--color-accent);display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:1px;justify-content:center;width:100%}.copy-code-btn:hover{background:var(--color-accent);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 15px #a8ff0066}.settings-option-btn{width:100%;background:#2a2a2a99;border:1px solid rgba(168,255,0,.2);border-radius:10px;padding:13px 16px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-weight:500;font-size:13px;color:var(--color-light);margin-bottom:10px}.settings-option-btn:last-child{margin-bottom:0}.settings-option-btn:hover{background:#a8ff001a;border-color:var(--color-accent);transform:translate(4px)}.settings-option-btn.logout-btn:hover{border-color:#f44;color:#f44}.settings-option-btn.logout-btn:hover svg{stroke:#f44}.settings-option-btn svg{stroke:var(--color-accent);flex-shrink:0}.input-group{margin-bottom:16px;position:relative;text-align:left}.input-group label{display:block;font-family:Inter,sans-serif;font-weight:600;font-size:11px;color:#ffffffb3;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.input-group input{width:100%;background:#14141499;border:1px solid rgba(168,255,0,.2);border-radius:8px;padding:11px 44px 11px 14px;font-family:Inter,sans-serif;font-size:14px;color:var(--color-light);transition:all .3s ease;box-sizing:border-box}.input-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 10px #a8ff0033}.password-toggle{position:absolute;right:12px;top:41px;transform:translateY(-50%);background:transparent;border:none;color:#a8ff0099;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.password-toggle:hover{color:var(--color-accent)}.password-toggle svg{stroke:currentColor;width:20px;height:20px}.input-group.error input{border-color:#f44}.input-group.error input:focus{border-color:#f44;box-shadow:0 0 10px #f443}.logout-btn-cancel:hover{background:#a8ff001a!important;border-color:var(--color-accent)!important}.logout-btn-confirm:hover{background:#f66!important;transform:translateY(-2px);box-shadow:0 6px 20px #f449!important}.pending-pills-row{display:flex;gap:10px;margin-bottom:16px}.pending-pill{flex:1;display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.5px;border:1px solid;animation:dashFadeIn .4s ease-out}.pill-incoming{background:#ffba0014;border-color:#ffba004d;color:#ffba00}.pill-outgoing{background:#a8ff000f;border-color:#a8ff0040;color:#a8ff00cc}.pill-label{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:10px}.pill-value{margin-left:auto;font-size:12px;font-weight:800;font-family:Outfit,sans-serif}@keyframes dashFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fund-header{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:20px 24px;margin-bottom:20px;position:relative;overflow:hidden}.fund-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.8}.fund-header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.06),transparent);animation:scan 3s infinite;pointer-events:none}.fund-balance{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--color-accent);letter-spacing:.5px}.form-step{display:block;animation:fundFadeIn .3s ease}.payment-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}@media(max-width:480px){.payment-methods-grid{grid-template-columns:1fr}}.payment-method-option{background:#2a2a2a99;border:2px solid rgba(168,255,0,.2);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;color:var(--color-light)}.payment-method-option:hover{border-color:#a8ff00;background:#2a2a2acc;transform:translateY(-2px)}.payment-method-option.selected{border-color:#a8ff00;background:#a8ff0026;box-shadow:0 0 20px #a8ff0066}.payment-method-option.selected:before{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;background:#a8ff00;color:#1e1e1e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.method-name{font-family:Outfit,sans-serif;font-weight:700;font-size:14px;margin-top:8px}.account-details-section{margin-top:20px}.account-details-section .section-header h3{font-size:16px;font-weight:700;font-family:Outfit,sans-serif;color:#a8ff00;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.account-details-card{background:#2a2a2a99;border:1px solid rgba(168,255,0,.3);border-radius:12px;padding:20px;margin-bottom:16px}.detail-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(168,255,0,.1)}.detail-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.detail-label{font-size:12px;color:#fff9;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;display:block;font-family:Inter,sans-serif}.detail-value-container{display:flex;justify-content:space-between;align-items:center;gap:12px}.detail-value{font-size:16px;font-weight:600;color:#a8ff00;font-family:Fira Code,monospace;flex:1;margin:0;word-break:break-all}.copy-btn{background:#a8ff001a;border:1px solid rgba(168,255,0,.3);border-radius:6px;padding:8px;cursor:pointer;transition:all .3s ease;color:#a8ff00;display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#a8ff0033;border-color:#a8ff00;transform:translateY(-1px)}.file-upload-area{border:2px dashed rgba(168,255,0,.3);border-radius:12px;padding:32px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;background:#2a2a2a66}.file-upload-area:hover{border-color:#a8ff00;background:#a8ff000d}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-placeholder p{font-size:16px;font-weight:600;color:#a8ff00;margin:0;font-family:Inter,sans-serif}.upload-placeholder small{font-size:12px;color:#fff9}.image-preview{display:flex;flex-direction:column;align-items:center;position:relative}.image-preview img{max-width:100%;max-height:200px;border-radius:8px;border:1px solid rgba(168,255,0,.3)}.remove-image-btn{position:absolute;top:8px;right:8px;background:#2a2a2acc;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.remove-image-btn:hover{background:#f44}@keyframes fundFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.sub-loading{color:var(--color-accent);opacity:.7;padding:2rem;text-align:center;font-family:Outfit,sans-serif}.sub-container{padding-bottom:5rem}.sub-header{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:20px 24px;margin-bottom:24px;position:relative;overflow:hidden}.sub-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.08),transparent);animation:headerScan 3s infinite}@keyframes headerScan{0%{left:-100%}to{left:100%}}.sub-header-inner h1{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:1px;text-align:center}.sub-subtitle{font-size:14px;color:#fff9;font-family:Inter,sans-serif;text-align:center}.sub-bal{color:#a8ff00;font-weight:700;text-shadow:0 0 10px rgba(168,255,0,.4)}.sub-info-blurb{background:#a8ff000a;border:1px solid rgba(168,255,0,.12);border-left:3px solid rgba(168,255,0,.5);border-radius:12px;padding:14px 18px;margin-bottom:20px;font-family:Inter,sans-serif;font-size:13px;color:#fff9;line-height:1.6}.sub-section{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:20px}.sub-section-label{font-family:Outfit,sans-serif;font-size:13px;color:#a8ff00;letter-spacing:1.5px;margin-bottom:20px;font-weight:600}.sub-plans-grid{display:flex;flex-direction:column;gap:16px}.sub-plan-badge{display:flex;align-items:center;gap:20px;background:#a8ff000a;border:1px solid rgba(168,255,0,.12);border-radius:16px;padding:16px 20px;cursor:pointer;transition:all .25s ease}.sub-plan-badge:hover{border-color:#a8ff0066;background:#a8ff0014;transform:translateY(-2px);box-shadow:0 8px 24px #a8ff001a}.sub-plan-circle{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a8ff0033,#a8ff000d);border:2px solid rgba(168,255,0,.5);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 20px #a8ff0026;transition:box-shadow .3s ease}.sub-plan-badge:hover .sub-plan-circle{box-shadow:0 0 30px #a8ff004d}.sub-plan-icon{font-size:20px;line-height:1}.sub-plan-dur{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:#a8ff00}.sub-plan-tag{font-size:10px;color:#a8ff0099;letter-spacing:1px;font-family:Outfit,sans-serif}.sub-plan-info{flex:1}.sub-plan-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}.sub-plan-yield{font-family:Inter,sans-serif;font-size:22px;font-weight:700;color:#a8ff00;text-shadow:0 0 10px rgba(168,255,0,.4);line-height:1.1}.sub-plan-min{font-size:12px;color:#ffffff80;margin-top:4px;font-family:Inter,sans-serif}.sub-empty{text-align:center;padding:3rem 1rem;opacity:.6}.sub-empty-icon{font-size:40px;margin-bottom:1rem}.sub-empty h4{color:#a8ff00;margin-bottom:.5rem}.sub-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:0;animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.sub-modal{background:#1a1a1a;border:1px solid rgba(168,255,0,.2);border-radius:24px;padding:28px 24px;width:100%;max-width:500px;position:relative;max-height:80vh;overflow-y:auto;animation:modalSlideUp .3s ease;margin-bottom:80px}@keyframes modalSlideUp{0%{transform:translateY(50%);opacity:0}to{transform:translateY(0);opacity:1}}.sub-modal-close{position:absolute;top:16px;right:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#fff9;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s}.sub-modal-close:hover{background:#ff444426;color:#f44}.sub-modal-header{display:flex;align-items:center;gap:12px;margin-bottom:6px}.sub-modal-header h3{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:#fff}.sub-modal-yield{background:#a8ff001f;color:#a8ff00;padding:4px 10px;border-radius:50px;font-size:13px;font-weight:700;border:1px solid rgba(168,255,0,.3)}.sub-modal-bal{font-size:13px;color:#ffffff80;margin-bottom:20px;font-family:Inter,sans-serif}.sub-modal-bal strong{color:#a8ff00}.sub-input-group{margin-bottom:16px}.sub-input-group label{display:block;font-size:13px;color:#fff9;margin-bottom:8px;font-family:Inter,sans-serif;font-weight:600}.sub-input-group input{width:100%;padding:12px 16px;background:#ffffff0f;border:1px solid rgba(168,255,0,.2);border-radius:10px;color:#fff;font-size:18px;font-weight:700;outline:none;box-sizing:border-box;transition:border-color .2s;font-family:Outfit,sans-serif}.sub-input-group input:focus{border-color:#a8ff0099}.sub-input-group input.input-error{border-color:#f44}.sub-warn{margin-top:8px;padding:10px 14px;border-radius:8px;font-size:13px;font-family:Inter,sans-serif;font-weight:600}.sub-warn.red{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#ff6b6b}.sub-warn.yellow{background:#ffba001a;border:1px solid rgba(255,186,0,.3);color:#ffba00}.sub-preview{background:#a8ff000a;border:1px solid rgba(168,255,0,.15);border-radius:16px;padding:20px;margin-bottom:20px}.sub-preview-circles{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px}.sub-circle{display:flex;flex-direction:column;align-items:center;width:80px;height:80px;border-radius:50%;justify-content:center;gap:2px;border:2px solid rgba(168,255,0,.5);background:radial-gradient(circle at 30% 30%,#a8ff002e,#a8ff0008)}.sub-circle.end{border-color:#a8ff00cc;box-shadow:0 0 20px #a8ff0040}.sub-circle-icon{font-size:16px}.sub-circle-val{font-family:Outfit,sans-serif;font-size:10px;font-weight:700;color:#a8ff00}.sub-circle-lbl{font-size:10px;color:#ffffff80;font-family:Inter,sans-serif}.sub-connector{display:flex;flex-direction:column;align-items:center;gap:4px;color:#a8ff00;font-size:11px;font-weight:700;font-family:Outfit,sans-serif}.sub-daily-block{display:flex;justify-content:space-between;align-items:center;background:#14141466;border-radius:12px;padding:12px 16px;margin-top:10px;border:1px solid rgba(255,255,255,.05)}.sub-daily-left{display:flex;flex-direction:column;font-family:Inter,sans-serif;font-weight:600;font-size:11px;line-height:1.2;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.sub-daily-right{display:flex;flex-direction:column;align-items:flex-end;line-height:1.2}.sub-daily-val{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:.5px}.sub-daily-unit{font-family:Inter,sans-serif;font-size:12px;font-weight:700;color:#fff}.sub-submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#a8ff00,#7acc00);border:none;border-radius:12px;color:#0a0a0a;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease;box-shadow:0 4px 20px #a8ff004d}.sub-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #a8ff0066}.sub-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.sub-success-modal{background:#1e1e1e;border:1px solid rgba(168,255,0,.3);border-radius:20px;padding:60px 40px;width:100%;max-width:320px;position:relative;display:flex;flex-direction:column;align-items:center;box-shadow:0 10px 40px #000c,inset 0 0 40px #a8ff000d;animation:successPop .4s cubic-bezier(.175,.885,.32,1.275);margin:auto;z-index:2001}@keyframes successPop{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.sub-success-icon{font-size:50px;color:#fa0;text-shadow:0 0 20px rgba(255,170,0,.6);margin-bottom:24px;background:linear-gradient(180deg,#fc0,#f60);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,170,0,.4))}.sub-success-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:#a8ff00;text-align:center;line-height:1.4;text-shadow:0 0 10px rgba(168,255,0,.3);letter-spacing:1px}.convert-header{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:20px 24px;margin-bottom:20px;position:relative;overflow:hidden}.convert-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.8}.convert-header:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.06),transparent);animation:scan 3s infinite;pointer-events:none}.welcome-section h1{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-light);margin:0 0 6px}.welcome-section .balance-row{display:flex;align-items:baseline;gap:6px;margin-top:4px}.welcome-section .balance-label{font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#ffffff80}.convert-balance{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:var(--color-accent);letter-spacing:.5px}.multistep-form-section{margin-bottom:20px;margin-top:28px}.step-indicator{display:flex;align-items:flex-start;justify-content:center;margin-bottom:28px;padding:28px 16px 0}.step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:all .3s ease}.step.active,.step.completed{opacity:1}.step-number{width:40px;height:40px;border-radius:50%;background:#2a2a2a99;border:2px solid rgba(168,255,0,.2);color:#ffffff80;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;font-family:Outfit,sans-serif;transition:all .3s ease}.step.active .step-number{background:#a8ff00;color:#1e1e1e;border-color:#a8ff00;box-shadow:0 0 0 4px #a8ff0033,0 0 20px #a8ff0066}.step.completed .step-number{background:#00c851cc;border-color:#00c851;color:#fff}.step-label{font-size:12px;font-weight:600;font-family:Inter,sans-serif;color:#fff6;text-align:center;text-transform:uppercase;letter-spacing:.5px}.step.active .step-label{color:#a8ff00}.step.completed .step-label{color:#ffffffb3}.step-line{flex:1;height:2px;background:#a8ff001a;margin:20px 8px 0;max-width:60px;align-self:flex-start}.step.completed~.step-line{background:#a8ff0066}.form-step{display:block;animation:convertFadeIn .3s ease}.step-header{text-align:center;margin-bottom:24px}.step-header h3{font-size:20px;font-weight:700;font-family:Outfit,sans-serif;color:#a8ff00;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.step-header p{font-size:14px;font-family:Inter,sans-serif;color:#fff9}.step-actions{display:flex;gap:12px;margin-top:24px}.step-actions .secondary-btn{flex:1;padding:12px 20px;background:#2a2a2a99;color:#fffc;border:1px solid rgba(168,255,0,.3);border-radius:8px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.step-actions .secondary-btn:hover{background:#a8ff001a;border-color:#a8ff00}.step-actions .primary-btn{flex:2;padding:14px 20px;background:#a8ff00;color:#1e1e1e;border:none;border-radius:8px;font-weight:700;font-family:Inter,sans-serif;font-size:13px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a8ff0066}.step-actions .primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a8ff0099;background:#c2ff40}.step-actions .primary-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.primary-btn-full{width:100%;margin-top:24px;padding:14px 20px;background:#a8ff00;color:#1e1e1e;border:none;border-radius:8px;font-weight:700;font-family:Inter,sans-serif;font-size:13px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a8ff0066}.primary-btn-full:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a8ff0099;background:#c2ff40}.primary-btn-full:disabled{opacity:.6;cursor:not-allowed}.form-card{background:#1e1e1ef2;border:1px solid rgba(168,255,0,.3);border-radius:16px;padding:32px 24px;margin-bottom:20px}.input-group{margin-bottom:20px;text-align:left}.input-group label{display:block;font-family:Inter,sans-serif;font-weight:600;color:#fff;margin-bottom:8px;font-size:14px}.input-group input,.input-group select{width:100%;padding:16px;border:2px solid rgba(168,255,0,.3);border-radius:12px;font-size:16px;font-family:Inter,sans-serif;transition:all .3s ease;background-color:#2a2a2a99;color:#fff;box-sizing:border-box}.input-group input:focus,.input-group select:focus{outline:none;border-color:#a8ff00;background-color:#2a2a2acc;box-shadow:0 0 0 3px #a8ff001a}.warning-message{margin-top:12px;padding:12px;background:#ffba001a;border-left:3px solid #ffba00;border-radius:4px;display:flex;gap:12px;align-items:flex-start;color:#fffc;text-align:left}.warning-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;flex-shrink:0}.warning-text strong{display:block;margin-bottom:4px;font-size:14px;color:#ffba00;font-family:Inter,sans-serif}.warning-text p{font-size:13px;color:#ffffffb3;margin:0;font-family:Inter,sans-serif}.confirmation-summary{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.confirmation-summary h4{font-size:16px;font-weight:700;font-family:Outfit,sans-serif;color:#a8ff00;margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.summary-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(168,255,0,.1)}.summary-row:last-child{border-bottom:none}.summary-label{font-family:Inter,sans-serif;color:#fffc;font-size:14px;font-weight:500}.summary-value{font-family:Inter,sans-serif;color:#a8ff00;font-weight:600;font-size:15px}.summary-total{font-size:18px;font-weight:700;margin-top:8px;padding-top:16px;border-top:2px solid rgba(168,255,0,.3)}@keyframes convertFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.referrals-page{display:flex;flex-direction:column;gap:16px;padding-bottom:100px}.referrals-header{margin-bottom:4px}.referrals-title{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:#a8ff00;text-shadow:0 0 12px rgba(168,255,0,.4);margin:0 0 4px}.referrals-subtitle{font-family:Inter,sans-serif;font-size:13px;color:#ffffff80;margin:0}.invite-card{background:#2a2a2a99;border:1px solid rgba(168,255,0,.25);border-radius:16px;padding:20px 18px 18px;text-align:center;position:relative;overflow:hidden}.invite-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a8ff00,transparent)}.invite-card-label{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.invite-code-display{font-family:Fira Code,Outfit,monospace;font-size:clamp(22px,6vw,28px);font-weight:700;color:#a8ff00;text-shadow:0 0 20px rgba(168,255,0,.5);letter-spacing:4px;margin-bottom:12px;padding:10px 16px;background:#a8ff0012;border:1px solid rgba(168,255,0,.2);border-radius:10px;display:inline-block;max-width:100%;word-break:break-all}.invite-rates strong{color:#a8ff00}.copy-link-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 20px;background:#a8ff00;color:#1e1e1e;border:none;border-radius:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .25s ease;touch-action:manipulation}.copy-link-btn:hover,.copy-link-btn:active{background:#c2ff40;transform:translateY(-1px);box-shadow:0 6px 20px #a8ff0066}.invite-stats-inline{display:flex;align-items:center;justify-content:center;gap:0;margin-top:14px;background:#0003;border:1px solid rgba(168,255,0,.1);border-radius:10px;overflow:hidden}.invite-stat-pill{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px 8px;gap:3px}.invite-stat-divider{width:1px;height:36px;background:#a8ff001f;flex-shrink:0}.invite-stat-pill-label{font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:#ffffff73;text-transform:uppercase;letter-spacing:.8px}.invite-stat-pill-value{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:#fff;line-height:1}.invite-stat-pill-value.accent{color:#a8ff00}.reward-milestones-section{background:#1e1e1e99;border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:14px 12px;position:relative;overflow:hidden}.reward-milestones-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#a8ff00,transparent)}.reward-milestones-header{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}.reward-milestones-title{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#fff;letter-spacing:.5px}.reward-milestones-sub{font-family:Inter,sans-serif;font-size:12px;color:#fff6}.reward-carousel-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;width:100%}.reward-nav-btn{flex-shrink:0;background:transparent;border:none;color:#a8ff00;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.reward-nav-btn:hover:not(:disabled){background:#a8ff001f;transform:scale(1.1)}.reward-nav-btn:disabled{color:#ffffff26;cursor:not-allowed}.reward-card-viewport{flex:1;display:flex;justify-content:center;min-width:0}.reward-milestone-card{background:#2a2a2a80;border-radius:14px;padding:14px 16px;border:1px solid rgba(255,255,255,.08);transition:border-color .25s ease,box-shadow .25s ease;position:relative;width:100%;max-width:340px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.reward-milestone-card.achieved{border-color:#a8ff004d;background:#a8ff000a}.reward-milestone-card.locked{opacity:.8}.reward-milestone-card.active-level{border-color:#a8ff008c;box-shadow:0 0 0 1px #a8ff0033,0 4px 20px #a8ff001f}.active-level-indicator{font-family:Inter,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.2px;color:#a8ff00;text-transform:uppercase;margin-bottom:-4px}.reward-lvl-badge{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:4px 12px;border-radius:20px;width:fit-content}.reward-lvl-badge.achieved{background:#a8ff0026;color:#a8ff00;border:1px solid rgba(168,255,0,.3)}.reward-lvl-badge.locked{background:#ffffff0f;color:#fff6;border:1px solid rgba(255,255,255,.1)}.reward-photo-wrapper{width:100%;display:flex;justify-content:center}.reward-photo{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid rgba(168,255,0,.3)}.reward-photo-locked{filter:grayscale(70%) brightness(.6);border-color:#ffffff26}.reward-description{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;line-height:1.4}.reward-description.achieved{color:#fff}.reward-description.locked{color:#fff6}.reward-progress-wrapper{display:flex;flex-direction:column;gap:6px;margin-top:2px}.reward-progress-bar{width:100%;height:6px;background:#ffffff14;border-radius:10px;overflow:hidden}.reward-progress-fill{height:100%;background:linear-gradient(90deg,#3d6b00,#a8ff00);border-radius:10px;transition:width .7s cubic-bezier(.4,0,.2,1);min-width:0%;max-width:100%;position:relative}.reward-progress-fill:after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:progress-shimmer 1.8s infinite}@keyframes progress-shimmer{0%{left:-40%}to{left:120%}}.reward-progress-fill.fill-achieved{background:linear-gradient(90deg,#5a8800,#a8ff00)}.reward-progress-fill.fill-achieved:after{display:none}.reward-progress-meta{display:flex;justify-content:space-between;align-items:center}.reward-progress-label{font-family:Inter,sans-serif;font-size:11px;color:#ffffff61}.reward-progress-pct{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:#a8ff00b3}.reward-dots{display:flex;justify-content:center;align-items:center;gap:6px}.reward-dot{width:7px;height:7px;border-radius:50%;border:none;background:#ffffff26;cursor:pointer;padding:0;transition:all .2s ease;touch-action:manipulation}.reward-dot.earned{background:#a8ff0059}.reward-dot.active{background:#a8ff00;width:18px;border-radius:4px}.network-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}@media(min-width:640px){.network-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.network-card{background:#2a2a2a80;border:1px solid rgba(168,255,0,.15);border-radius:14px;padding:18px}.network-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}.network-card-title{font-family:Outfit,sans-serif;font-size:13px;font-weight:600}.network-badge{font-family:Inter,sans-serif;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.5px}.level-1 .network-card-title{color:#a8ff00}.level-1 .network-badge{background:#a8ff0026;color:#a8ff00;border:1px solid rgba(168,255,0,.3)}.level-2 .network-card-title{color:#8fd400}.level-2 .network-badge{background:#8fd40026;color:#8fd400;border:1px solid rgba(143,212,0,.3)}.network-list-header{display:flex;justify-content:space-between;margin-bottom:8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:.5px;padding:0 4px}.network-list-container{max-height:220px;overflow-y:auto;padding-right:6px;margin-right:-6px}.network-list-container::-webkit-scrollbar{width:4px}.network-list-container::-webkit-scrollbar-track{background:transparent}.network-list-container::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}.network-list-container::-webkit-scrollbar-thumb:hover{background:#ffffff38}.network-item{display:flex;justify-content:space-between;align-items:center;padding:10px;margin-bottom:6px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;font-family:Inter,sans-serif;transition:all .2s ease}.network-item:hover{background:#ffffff0d;border-color:#ffffff1a}.network-item-name{font-size:13px;color:#fffc;font-weight:500;font-family:Outfit,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%}.network-item-bonus{font-size:14px;font-weight:700;white-space:nowrap}.level-1 .network-item-bonus{color:#a8ff00}.level-2 .network-item-bonus{color:#8fd400}.empty-state{text-align:center;padding:22px 0 8px;font-family:Inter,sans-serif;font-size:13px;color:#ffffff52;line-height:1.6}@media(max-width:400px){.invite-code-display{font-size:20px;letter-spacing:3px}.reward-milestone-card{padding:12px}.reward-nav-btn{padding:6px}}.ebox-header{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden}.ebox-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.1),transparent);animation:scan 3s infinite}.welcome-section h1{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-light)}.welcome-subtitle{font-family:Inter,sans-serif;font-size:14px;opacity:.7;font-weight:500;color:var(--color-light)}.ebox-balance-card{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:12px;padding:20px;margin-bottom:20px;position:relative;transition:all .3s ease}.ebox-balance-card:hover{border-color:#a8ff0080;box-shadow:0 8px 20px #a8ff0033}.balance-card-content h2{font-family:Outfit,sans-serif;font-size:14px;text-transform:uppercase;color:var(--color-accent);letter-spacing:1.5px;margin-bottom:12px;font-weight:600}.balance-amount{font-family:Outfit,sans-serif;font-size:42px;font-weight:900;color:var(--color-accent);text-shadow:0 0 20px rgba(168,255,0,.5);margin-bottom:8px;letter-spacing:-1px}.balance-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.action-btn{width:100%;padding:14px 16px;border-radius:8px;font-family:Inter,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.5px}.action-btn.primary{background:var(--color-accent);color:var(--color-primary);border:none;box-shadow:0 4px 15px #a8ff0066}.action-btn.primary:hover{background:#c2ff40;transform:translateY(-2px);box-shadow:0 6px 20px #a8ff0099}.action-btn.secondary{background:#2a2a2a99;color:var(--color-light);border:1px solid rgba(168,255,0,.3)}.action-btn.secondary:hover{background:#a8ff001a;border-color:var(--color-accent);transform:translateY(-2px)}.wallet-action-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(168,255,0,.1)}.wallet-icon-btn{width:100%;background:transparent;border:1px solid rgba(168,255,0,.2);color:var(--color-accent);padding:12px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-family:Inter,sans-serif;font-weight:600;font-size:13px;text-transform:uppercase}.wallet-icon-btn:hover{background:#a8ff001a;border-color:var(--color-accent)}.help-section{margin-bottom:30px}.help-card{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#a8ff001a,#2a2a2a66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.3);border-radius:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;cursor:pointer}.help-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.1),transparent);transition:left .5s ease}.help-card:hover:before{left:100%}.help-card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:0 6px 20px #a8ff004d}.help-icon{width:44px;height:44px;background:#a8ff0026;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-text{flex:1}.help-text h3{font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:var(--color-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.help-text p{font-family:Inter,sans-serif;font-size:12px;color:#fff9;margin:0;line-height:1.4}.help-arrow{width:32px;height:32px;background:#a8ff001a;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s ease}.help-card:hover .help-arrow{background:#a8ff0033;transform:translate(4px)}.help-arrow svg{stroke:var(--color-accent)}.ebox-pending-card{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.15);border-radius:12px;padding:16px 20px;margin-bottom:20px;animation:eboxFadeIn .4s ease-out}.ebox-pending-header{font-family:Inter,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#ffffff73;margin-bottom:12px}.pending-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05);font-family:Inter,sans-serif;font-size:13px;font-weight:600}.pending-row:last-child{border-bottom:none;padding-bottom:0}.pending-row-left{display:flex;align-items:center;gap:8px}.pending-incoming{color:#ffba00}.pending-outgoing{color:#a8ff00d9}.pending-amount{font-family:Outfit,sans-serif;font-size:14px;font-weight:800}@keyframes eboxFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.active-header-nav{display:flex;align-items:center;width:100%}.active-header{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden}.active-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.1),transparent);animation:scan 3s infinite}.active-back-btn{background:none;border:none;color:var(--color-light);cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;margin-right:12px}.active-back-btn:hover{background:#ffffff1a}.welcome-section h1{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--color-light);margin:0 0 4px}.welcome-subtitle{font-family:Inter,sans-serif;font-size:14px;opacity:.7;font-weight:500;margin:0}.filter-section{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:12px;padding:16px;margin-bottom:20px}.filter-tabs{display:flex;gap:8px}.tab-btn{flex:1 1 0;padding:12px 16px;background:#2a2a2a99;border:1px solid rgba(168,255,0,.2);color:#ffffffb3;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:6px}.tab-btn:hover{background:#a8ff001a;border-color:var(--color-accent)}.tab-btn.active{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}.tab-icon{margin-right:6px}.activities-section{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:12px;padding:20px;margin-bottom:20px;min-height:200px}.activity-card{background:#1e1e1ef2;border:1px solid rgba(168,255,0,.15);border-radius:12px;padding:20px 24px;margin-bottom:16px;transition:all .3s ease;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.activity-card.not-allowed{opacity:.6;cursor:not-allowed!important}.activity-card.not-allowed:hover{opacity:.6;transform:none!important}.activity-card:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:4px;background:#a8ff00;border-radius:0 4px 4px 0;box-shadow:0 0 10px #a8ff00}.activity-card.not-allowed:before{background:#ffffff4d;box-shadow:none}.activity-card.status-completed:before{background:#ffffff4d;box-shadow:none}.activity-card:hover{border-color:#a8ff0066;transform:translateY(-2px)}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start}.card-top-left{display:flex;flex-direction:column;gap:6px}.card-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.card-id-row{display:flex;align-items:center;gap:8px}.glow-dot{width:8px;height:8px;background:#a8ff00;border-radius:50%;box-shadow:0 0 8px #a8ff00}.activity-card.status-completed .glow-dot{background:#fff6;box-shadow:none}.card-id{font-family:Fira Code,monospace;font-size:13px;color:#fff9}.card-top-right{display:flex;align-items:center;gap:16px}.card-duration{font-family:Outfit,sans-serif;font-size:16px;font-weight:800;color:#a8ff00;text-shadow:0 0 10px rgba(168,255,0,.4)}.activity-card.status-completed .card-duration{color:#ffffff80;text-shadow:none}.view-btn{background:#a8ff000d;border:1px solid rgba(168,255,0,.3);color:#a8ff00;padding:6px 16px;border-radius:6px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase}.view-btn:hover{background:#a8ff0026}.activity-card.status-completed .view-btn{border-color:#fff3;color:#ffffffb3;background:#ffffff0d}.card-bottom-row{display:flex;align-items:center;justify-content:space-between}.card-amount{font-family:Inter,sans-serif;font-weight:700;font-size:14px;color:#a8ff00}.activity-card.status-completed .card-amount{color:#ffffff80}.card-percent{font-family:Fira Code,monospace;font-size:12px;color:#ffffff80}.card-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase}.card-badge.active{background:#a8ff0026;color:#a8ff00;border:1px solid rgba(168,255,0,.3)}.card-badge.ready{background:#a8ff00;color:#1e1e1e;border:1px solid #a8ff00;box-shadow:0 0 10px #a8ff0066}.card-badge.completed{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.empty-state{text-align:center;padding:40px 20px}.empty-state-visual svg{color:var(--color-accent);width:48px;height:48px;margin-bottom:16px;opacity:.8}.empty-state h4{font-family:Outfit,sans-serif;color:var(--color-accent);font-size:16px;margin-bottom:8px}.empty-state p{font-family:Inter,sans-serif;color:#fff9;font-size:14px;margin-bottom:24px}.start-challenge-btn{background:linear-gradient(135deg,var(--color-accent) 0%,#8fd600 100%);color:var(--color-primary);border:none;padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-weight:700;font-size:13px;text-transform:uppercase;cursor:pointer;box-shadow:0 4px 15px #a8ff004d}.start-challenge-btn:hover{background:#c2ff40;transform:translateY(-2px)}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;margin-bottom:20px;gap:16px}.uplink-balance-card{background:linear-gradient(135deg,#a8ff0014,#2a2a2a99);border:1px solid rgba(168,255,0,.3);border-radius:14px;padding:16px 24px;text-align:center;position:relative;overflow:hidden;transition:all .4s ease}.uplink-balance-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent, #a8ff00),transparent);opacity:.6}.uplink-balance-card.claimed{border-color:#a8ff00;box-shadow:0 0 30px #a8ff0073,0 0 60px #a8ff0033;animation:balanceCelebrate 2.5s ease forwards}@keyframes balanceCelebrate{0%{transform:scale(1)}15%{transform:scale(1.04)}30%{transform:scale(1.01)}to{transform:scale(1)}}.uplink-balance-card.claimed:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.18),transparent);animation:balanceSweep 1.2s ease .1s forwards;pointer-events:none}@keyframes balanceSweep{0%{left:-60%}to{left:130%}}.uplink-balance-label{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#ffffff8c;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px}.uplink-balance-value{font-family:Outfit,sans-serif;font-size:22px;font-weight:800;color:#a8ff00;letter-spacing:-.5px}.uplink-balance-claimed-badge{display:inline-block;margin-top:8px;padding:4px 14px;background:#a8ff0033;border:1px solid rgba(168,255,0,.5);border-radius:20px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;color:#a8ff00;letter-spacing:.5px;animation:badgePop .4s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.uplink-card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(168,255,0,.12);background:#14141466;cursor:pointer;transition:background .2s ease;border-radius:0 0 10px 10px}.uplink-card-header:hover{background:#a8ff000f}.uplink-details-card{background:#1e1e1ef2;border:1px solid rgba(168,255,0,.15);border-radius:12px;padding:16px 20px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.uplink-details-card:hover{border-color:#a8ff0066;transform:translateY(-2px)}.uplink-details-left{display:flex;align-items:center;gap:16px}.uplink-details-icon{font-size:24px;color:#ff8533;display:flex;align-items:center;justify-content:center}.uplink-details-icon svg{width:28px;height:28px;stroke:#f60;fill:#ff8533}.uplink-details-info{display:flex;flex-direction:column;gap:4px}.uplink-details-id{font-family:Fira Code,monospace;font-size:16px;font-weight:700;color:#a8ff00;margin:0;text-shadow:0 0 10px rgba(168,255,0,.2)}.uplink-details-dur{font-family:Inter,sans-serif;font-size:8px;font-weight:700;color:#ffffff80;text-transform:uppercase}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.link-details-modal{background:#1e1e1ef2;border:1px solid rgba(168,255,0,.2);border-radius:20px;width:100%;max-width:400px;overflow:hidden;position:relative;box-shadow:0 20px 40px #00000080,inset 0 0 0 1px #ffffff0d}.link-details-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:radial-gradient(circle at top left,rgba(168,255,0,.1),transparent 50%);pointer-events:none}.link-details-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.header-title-row{display:flex;align-items:center;gap:12px}.header-icon-box{width:40px;height:40px;border-radius:12px;background:#a8ff001a;border:1px solid rgba(168,255,0,.3);display:flex;align-items:center;justify-content:center;color:#a8ff00}.header-title-row h2{font-family:Outfit,sans-serif;font-size:18px;font-weight:700;color:#a8ff00;margin:0;text-transform:uppercase;text-shadow:0 0 10px rgba(168,255,0,.4)}.close-modal-btn{width:36px;height:36px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fffc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.close-modal-btn svg{width:20px;height:20px;stroke:#fffc;stroke-width:2.5;display:block}.close-modal-btn:hover{background:#ffffff1a;color:#fff}.close-modal-btn:hover svg{stroke:#fff}.link-details-content{padding:20px 24px 30px;display:flex;flex-direction:column}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.detail-row:last-child{border-bottom:none}.detail-label-modal{font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.detail-val-white{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#fff}.detail-val-green{font-family:Outfit,sans-serif;font-size:15px;font-weight:700;color:#a8ff00;text-shadow:0 0 10px rgba(168,255,0,.3)}.status-badge{padding:6px 12px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;background:#a8ff0033;color:#a8ff00;border:1px solid rgba(168,255,0,.3);flex-shrink:0}.status-badge.completed{background:#6c757d33;color:#6c757d;border-color:#6c757d4d}.progress-section{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px}.progress-section-label{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.day-carousel-wrapper{width:100%;margin-top:14px}.day-badge-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;width:100%;animation:badgeSlideIn .25s ease}@keyframes badgeSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.day-carousel-nav{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.day-nav-btn{width:44px;height:44px;border-radius:50%;border:1px solid rgba(168,255,0,.3);background:#a8ff000f;color:#a8ff00;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.day-nav-btn:hover:not(:disabled){background:#a8ff0026;border-color:#a8ff00;box-shadow:0 0 8px #a8ff004d}.day-nav-btn:disabled{opacity:.2;cursor:default}.day-page-dots{display:flex;align-items:center;gap:6px}.day-page-dot{width:7px;height:7px;border-radius:50%;border:none;background:#fff3;cursor:pointer;padding:0;transition:all .25s ease}.day-page-dot.active{background:#a8ff00;width:18px;border-radius:4px;box-shadow:0 0 8px #a8ff0099}.day-badge{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(168,255,0,.15);background:#a8ff000a;transition:all .3s ease;cursor:default}.day-badge-num{font-family:Fira Code,monospace;font-size:11px;font-weight:700;color:#fff6;line-height:1;-webkit-user-select:none;user-select:none}.day-badge.day-badge-done{background:#a8ff002e;border-color:#a8ff00;box-shadow:0 0 10px #a8ff0059,inset 0 0 6px #a8ff001a}.day-badge.day-badge-done .day-badge-num{color:#a8ff00}.day-badge.day-badge-current{background:#a8ff0040;border-color:#a8ff00;box-shadow:0 0 16px #a8ff00b3,inset 0 0 8px #a8ff0026;animation:badgePulse 1.6s ease-in-out infinite}.day-badge.day-badge-current .day-badge-num{color:#fff;text-shadow:0 0 8px rgba(168,255,0,.9)}@keyframes badgePulse{0%,to{box-shadow:0 0 16px #a8ff00b3,inset 0 0 8px #a8ff0026;transform:scale(1)}50%{box-shadow:0 0 26px #a8ff00,inset 0 0 12px #a8ff0040;transform:scale(1.1)}}.progress-lights-wrapper{width:100%}.progress-lights-container{display:flex;gap:10px}.progress-light-label{font-family:Fira Code,monospace;font-size:10px;color:#ffffff80;width:16px;text-align:center}.progress-light{width:16px;height:16px;min-width:16px;max-width:16px;border-radius:50%;background-color:#a8ff0033;border:2px solid rgba(168,255,0,.3);transition:all .3s ease}.progress-light.completed{background-color:#a8ff00;border-color:#a8ff00;box-shadow:0 0 12px #a8ff0099,0 0 6px #a8ff0066}.progress-light.current{background-color:#a8ff00;border-color:#a8ff00;box-shadow:0 0 15px #a8ff00cc,0 0 8px #a8ff0099;animation:lightPulse 1.5s ease-in-out infinite}@keyframes lightPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 15px #a8ff00cc}50%{opacity:.6;transform:scale(1.3);box-shadow:0 0 25px #a8ff00}}.main-progress-container{display:flex;align-items:center;justify-content:center;width:100%;padding:20px 0}.main-progress-circle{position:relative;width:220px;height:220px;border-radius:50%;background-color:#1e1e1ef2;border:5px solid rgba(168,255,0,.1);display:flex;align-items:center;justify-content:center;animation:progressPulse 3s ease-in-out infinite}.lap-progress-svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}.lap-progress-circle{fill:none;stroke:#a8ff00;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 0 10px rgba(168,255,0,.5));transition:stroke-dashoffset 1s linear}.main-progress-circle.ready{border-color:#a8ff00;box-shadow:0 0 30px #a8ff0066}@keyframes progressPulse{0%,to{box-shadow:0 0 15px #a8ff0033}50%{box-shadow:0 0 25px #a8ff0066}}.circle-content{position:relative;z-index:10;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.circle-main-text{font-family:Outfit,sans-serif;font-size:38px;font-weight:900;color:#a8ff00;text-shadow:0 0 15px rgba(168,255,0,.6)}.progress-footer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 20px;background:#a8ff000d;border:1px solid rgba(168,255,0,.2);border-radius:8px;width:100%}.claim-btn{width:100%;max-width:300px;padding:16px 32px;background:#a8ff00;color:#1e1e1e;border:none;border-radius:12px;font-family:Inter,sans-serif;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.claim-btn:hover:not(:disabled){background:#c2ff40;transform:translateY(-2px);box-shadow:0 6px 25px #a8ff0099}.claim-btn:disabled{opacity:.5;cursor:not-allowed}.timeline-card{background:#2a2a2a66;border:1px solid rgba(168,255,0,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center}.claim-animation-overlay{position:fixed;inset:0;pointer-events:none;z-index:1000;display:flex;justify-content:center;align-items:center;overflow:hidden}.claim-flash{position:absolute;inset:0;background:radial-gradient(circle at center,rgba(168,255,0,.35) 0%,transparent 70%);animation:flashFade 2.5s cubic-bezier(.1,.8,.2,1) forwards}.claim-floating-number{position:absolute;font-family:Outfit,sans-serif;font-size:38px;font-weight:800;color:#fff;text-shadow:0 0 20px #a8ff00,0 0 40px #a8ff00,0 0 60px #a8ff00;animation:floatUpRight 2.5s cubic-bezier(.1,.8,.2,1) forwards}@keyframes flashFade{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(3)}}@keyframes floatUpRight{0%{transform:translateY(80px) scale(.4);opacity:0}15%{transform:translate(0) scale(1.3);opacity:1;text-shadow:0 0 40px #a8ff00,0 0 80px #a8ff00}60%{transform:translateY(-60px) scale(1.1);opacity:1}to{transform:translate(120px,-450px) scale(.3);opacity:0}}.history-container{width:100%;max-width:100%;margin:0 auto;position:relative;color:var(--color-light);font-family:Inter,sans-serif;box-sizing:border-box;overflow-x:hidden}.history-container *{box-sizing:border-box}.history-header{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:16px;padding:16px 20px;margin-bottom:20px;position:relative;overflow:hidden;display:flex;align-items:center;width:100%;min-width:0}.history-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(168,255,0,.1),transparent);animation:scan 3s infinite}@keyframes historyScan{0%{left:-100%}to{left:100%}}.welcome-section{min-width:0;flex-grow:1}.welcome-section h1{font-family:Outfit,sans-serif;font-size:16px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin:0 0 4px;color:var(--color-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.welcome-section h1:before{content:"> ";color:var(--color-accent)}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#2a2a2a4d;border-top:1px solid rgba(168,255,0,.15);border-radius:0 0 8px 8px;margin-top:8px}.pagination-btn{background:#a8ff001a;border:1px solid rgba(168,255,0,.3);color:var(--color-accent);padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:#a8ff0033;border-color:var(--color-accent)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.pagination-info{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.transactions-section{background:#2a2a2a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(168,255,0,.2);border-radius:12px;padding:16px;margin-bottom:20px;width:100%;min-width:0}.transactions-container{background:#0a0a0a66;border:1px solid rgba(168,255,0,.15);border-radius:8px;padding:10px;min-height:180px;width:100%}.filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding-bottom:16px;width:100%}.filter-btn{background-color:#2a2a2a66;border:1px solid rgba(255,255,255,.1);color:#fff9;padding:6px 14px;border-radius:999px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease;flex:0 0 auto}.filter-btn.active{background-color:#a8ff001a;color:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 10px #a8ff001a}.filter-btn:hover:not(.active){background-color:#2a2a2acc;color:var(--color-light)}.transaction-item{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;background:#2a2a2a4d;border:1px solid rgba(168,255,0,.1);border-left:2px solid var(--color-accent);border-radius:6px;margin-bottom:8px;transition:all .3s ease;width:100%;box-sizing:border-box;overflow:hidden;min-width:0}.transaction-item:hover{background:#2a2a2a80;border-color:#a8ff004d;transform:translate(2px)}.transaction-item.transaction-pending{border-left-color:#ffba0099;opacity:.8}.transaction-item.transaction-rejected{border-left-color:#f449;opacity:.7}.transaction-item.transaction-rejected .transaction-icon{background:#ff44441a;border-color:#f443}.transaction-item.transaction-rejected .transaction-amount.positive{color:#00c851;text-shadow:0 0 10px rgba(0,200,81,.3)}.transaction-item.transaction-approved{border-left-color:#00c85199}.transaction-item.transaction-approved .transaction-icon{background:#00c8511a;border-color:#00c85133}.transaction-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.transaction-icon{width:32px;height:32px;min-width:32px;display:flex;align-items:center;justify-content:center;background:#a8ff001a;border:1px solid rgba(168,255,0,.2);border-radius:6px;font-size:0;position:relative}.transaction-icon:before{content:"";width:16px;height:16px;background:var(--color-accent);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.transaction-icon.deposit:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Crect x='1' y='4' width='22' height='16' rx='2'/%3E%3Cline x1='1' y1='10' x2='23' y2='10'/%3E%3C/svg%3E")}.transaction-icon.purchase:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v12M6 12h12'/%3E%3C/svg%3E")}.transaction-icon.earning:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpolyline points='22 12 18 12 15 21 9 3 6 12 2 12'/%3E%3C/svg%3E")}.transaction-icon.bonus:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E")}.transaction-icon.withdrawal:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.transaction-icon.default:before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cline x1='12' y1='5' x2='12' y2='19'/%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3C/svg%3E")}.transaction-info{flex:1;min-width:0}.transaction-info h4{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:var(--color-light);margin:0 0 2px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-info p{font-family:Inter,sans-serif;font-size:11px;color:#ffffff80;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-date{font-family:Fira Code,monospace;font-size:10px;color:#ffffff73;margin-top:2px}.transaction-subtitle{font-family:Fira Code,monospace;font-size:10px;color:#a8ff0099;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-amount-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:10px;flex-shrink:0;max-width:40%;min-width:0}.transaction-amount{font-family:Outfit,sans-serif;font-size:13px;font-weight:700;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.transaction-amount.positive{color:#00c851;text-shadow:0 0 10px rgba(0,200,81,.3)}.transaction-amount.negative{color:#f44;text-shadow:0 0 10px rgba(255,68,68,.3)}.transaction-amount.pending{color:#ffba00;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.transaction-amount.rejected{color:#f44;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.transaction-amount.neutral{color:#ffffff80}.transaction-status-badge{display:flex;align-items:center;justify-content:flex-end;margin-bottom:4px}.status-indicator{font-size:0;padding:3px 8px;border-radius:3px;font-family:Fira Code,monospace;font-weight:600;text-transform:uppercase;letter-spacing:.5px;position:relative;display:inline-flex;align-items:center}.status-indicator:after{font-size:8px}.status-indicator.pending{background:#ffba0033;color:#ffba00;border:1px solid rgba(255,186,0,.3)}.status-indicator.pending:after{content:"PENDING"}.status-indicator.approved{background:#00c85133;color:#00c851;border:1px solid rgba(0,200,81,.3)}.status-indicator.approved:after{content:"DONE"}.status-indicator.rejected{background:#f443;color:#f44;border:1px solid rgba(255,68,68,.3)}.status-indicator.rejected:after{content:"REJECTED"}.status-indicator.reversed{background:#ff8c0033;color:#ff8c00;border:1px solid rgba(255,140,0,.3)}.status-indicator.reversed:after{content:"REVERSED"}.transaction-item.transaction-reversed{border-left-color:#ff8c0099;opacity:.75}.transaction-item.transaction-reversed .transaction-icon{background:#ff8c001a;border-color:#ff8c0033}.transaction-icon.reversed:before{background:#ff8c00;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor'%3E%3Cpath d='M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E")}.month-header{font-family:Outfit,sans-serif;font-size:11px;font-weight:600;color:var(--color-accent);margin:1.5rem 0 1rem;text-transform:uppercase;letter-spacing:1.5px}.transaction-list{display:flex;flex-direction:column;padding-bottom:3rem}.empty-state{background:linear-gradient(135deg,#2a2a2a4d,#1e1e1e66);border:1px solid rgba(168,255,0,.15);border-radius:16px;padding:48px 24px;text-align:center;position:relative;overflow:hidden}.empty-state:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(168,255,0,.3),transparent)}.empty-state-wrapper{position:relative;z-index:1}.empty-state-visual{margin-bottom:24px;display:flex;justify-content:center}.empty-state-circle{width:80px;height:80px;background:linear-gradient(135deg,#a8ff001a,#a8ff000d);border:2px solid rgba(168,255,0,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.empty-state-circle svg{color:var(--color-accent);filter:drop-shadow(0 0 12px rgba(168,255,0,.4))}.empty-state h4{font-family:Outfit,sans-serif;font-size:16px;color:var(--color-accent);margin-bottom:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 20px rgba(168,255,0,.3)}.empty-state p{font-size:14px;color:#fff9;margin-bottom:28px;font-family:Inter,sans-serif;line-height:1.5}.empty-actions{display:flex;justify-content:center}.start-challenge-btn{background:linear-gradient(135deg,var(--color-accent) 0%,#8fd600 100%);color:var(--color-primary);border:none;padding:14px 24px;border-radius:10px;font-family:Inter,sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:transform .2s ease}.start-challenge-btn:hover{transform:translateY(-2px)}.loading-state{text-align:center;padding:40px 20px;color:#fff9}.loading-spinner{width:40px;height:40px;border:3px solid rgba(168,255,0,.1);border-top:3px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{to{transform:rotate(360deg)}}:root{--color-primary: #1e1e1e;--color-accent: #a8ff00;--color-accent-hover: #c2ff40;--color-light: #ffffff;--color-card-bg: rgba(42, 42, 42, .9);--color-border: rgba(168, 255, 0, .2);--font-main: "Urbanist", sans-serif}@keyframes scan{0%{left:-100%}to{left:100%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--color-primary);color:var(--color-light);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}.container{width:100%;margin:0 auto}input,select,textarea{font-family:var(--font-main);background:var(--color-card-bg);border:1px solid var(--color-border);color:var(--color-light);border-radius:8px;padding:.75rem 1rem;width:100%;margin-bottom:1rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #a8ff001a}button{font-family:var(--font-main);cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:700;transition:all .2s ease}.btn-primary{background:var(--color-accent);color:var(--color-primary)}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #a8ff0033}.btn-secondary{background:#ffffff1a;color:var(--color-light)}.btn-secondary:hover{background:#fff3}.card{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}