@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";
:root{--sp-bg:#f6f6f9;--sp-bg-2:#eef0f5;--sp-surface:#fff;--sp-surface-low:#f0f1f6;--sp-surface-hover:#ffd48b2f;--sp-surface-active:#dde3ee;--sp-accent:#b45309;--sp-accent-2:#d97706;--sp-accent-3:#f59e0b;--sp-accent-glow:#f59e0b29;--sp-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 55%, #b45309 100%);--sp-gradient-card1:linear-gradient(135deg, #f59e0b 0%, #b45309 100%);--sp-gradient-card2:linear-gradient(135deg, #eef2f8 0%, #fff 100%);--sp-gradient-card3:linear-gradient(135deg, #f8f9fc 0%, #e4eaf5 100%);--sp-text-primary:#2d2f31;--sp-text-secondary:#58677c;--sp-text-muted:#8a96a8;--sp-border:#2d2f3114;--sp-border-accent:#f59e0b47;--sp-success:#10b981;--sp-warning:#d97706;--sp-error:#b31b25;--sp-info:#f59e0b;--sp-shadow-sm:0 8px 24px #2d2f310a;--sp-shadow-md:0 18px 48px #2d2f310f;--sp-shadow-lg:0 28px 70px #2d2f3114;--sp-glow:0 18px 54px #f59e0b33;--sp-radius-sm:12px;--sp-radius-md:20px;--sp-radius-lg:32px;--sp-radius-xl:44px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Plus Jakarta Sans", "Inter", sans-serif;--sp-transition:all .2s cubic-bezier(.4, 0, .2, 1);--sp-transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--sp-transition-slow:all .35s cubic-bezier(.4, 0, .2, 1);--sp-bg-gradient-a:linear-gradient(180deg, #ffffffc7 0%, #f6f6f900 380px);--sp-bg-gradient-b:none;--scanline:#f59e0b06}:root[data-theme=dark]{--sp-bg:#070d1a;--sp-bg-2:#0b1425;--sp-surface:#ffffff0f;--sp-surface-low:#ffffff0a;--sp-surface-hover:#ffffff1a;--sp-surface-active:#ffffff24;--sp-accent:#fbbf24;--sp-accent-2:#f59e0b;--sp-accent-3:#d97706;--sp-accent-glow:#f59e0b38;--sp-gradient:linear-gradient(135deg, #fbbf24 0%, #f59e0b 55%, #d97706 100%);--sp-gradient-card1:linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--sp-text-primary:#f0f4ff;--sp-text-secondary:#dde6f5b8;--sp-text-muted:#c8d7f085;--sp-border:#ffffff14;--sp-border-accent:#f59e0b59;--sp-shadow-sm:0 2px 12px #00000047;--sp-shadow-md:0 8px 32px #00000061;--sp-shadow-lg:0 20px 60px #0000007a;--sp-bg-gradient-a:radial-gradient(ellipse 80% 50% at 50% -20%, #f59e0b24 0%, transparent 60%);--sp-bg-gradient-b:radial-gradient(ellipse 60% 40% at 80% 60%, #d977061a 0%, transparent 50%);--scanline:#f59e0b05}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;height:100%}body{font-family:var(--font-sans);background-color:var(--sp-bg);background-image:var(--sp-bg-gradient-a), var(--sp-bg-gradient-b);color:var(--sp-text-primary);background-attachment:fixed;min-height:100vh;line-height:1.6;transition:background-color .2s,color .2s;overflow-x:hidden}body:after{content:"";z-index:9999;pointer-events:none;background:repeating-linear-gradient(0deg, transparent, transparent 2px, var(--scanline) 2px, var(--scanline) 4px);position:fixed;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--sp-bg-2)}::-webkit-scrollbar-thumb{background:var(--sp-surface-active);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--sp-accent-3)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:0;color:var(--sp-text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2.25rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}h4{font-size:1.25rem}p{color:var(--sp-text-secondary);line-height:1.7}a{color:var(--sp-accent);transition:var(--sp-transition-fast);text-decoration:none}a:hover{color:var(--sp-accent-2)}.glass-card{background:var(--sp-surface);-webkit-backdrop-filter:blur(20px);border-radius:var(--sp-radius-lg);box-shadow:none;transition:var(--sp-transition);border:1px solid #0000}.glass-card:hover{background:var(--sp-surface-hover);box-shadow:var(--sp-shadow-sm);border-color:#0000}.btn{font-family:var(--font-sans);cursor:pointer;transition:var(--sp-transition);white-space:nowrap;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.9375rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--sp-gradient);color:#fff;box-shadow:0 14px 34px #f59e0b47}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 44px #f59e0b57}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--sp-surface-hover);color:var(--sp-accent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000}.btn-secondary:hover{background:var(--sp-surface-active);border-color:#0000}.btn-ghost{color:var(--sp-text-secondary);background:0 0;padding:10px 16px}.btn-ghost:hover{color:var(--sp-accent);background:var(--sp-surface-low)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.input{background:var(--sp-surface-low);border-radius:var(--sp-radius-md);width:100%;color:var(--sp-text-primary);font-family:var(--font-sans);transition:var(--sp-transition-fast);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;outline:none;padding:12px 16px;font-size:.9375rem}.input::placeholder{color:var(--sp-text-muted)}.input:focus{border-color:var(--sp-border-accent);background:var(--sp-surface);box-shadow:0 0 0 4px #0058ba14}.badge{border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-success{color:var(--sp-success);background:#0058ba1a}.badge-warning{color:var(--sp-warning);background:#f59e0b24}.badge-error{color:var(--sp-error);background:#b31b251a}.badge-info{color:var(--sp-info);background:#2f7de11f}.balance-amount{font-family:var(--font-display);letter-spacing:0;color:var(--sp-text-primary);-webkit-text-fill-color:currentColor;background:0 0;font-weight:800}.divider{background:#2d2f3114;height:1px;margin:16px 0}.live-dot{background:var(--sp-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.skeleton{background:linear-gradient(90deg, var(--sp-surface-low) 25%, var(--sp-surface-hover) 50%, var(--sp-surface-low) 75%);border-radius:var(--sp-radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #0058ba52}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 6px #0058ba00}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #0058ba1f}50%{box-shadow:0 0 40px #0058ba42}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes countdown-shrink{0%{width:100%}to{width:0%}}.animate-fade-in-up{animation:.5s both fade-in-up}.animate-fade-in{animation:.4s both fade-in}.animate-slide-right{animation:.4s both slide-in-right}.animate-float{animation:4s ease-in-out infinite float}.animate-glow{animation:3s ease-in-out infinite glow-pulse}.animate-spin{animation:1s linear infinite spin}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:16px}.gap-8{gap:8px}.gap-12{gap:12px}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.overflow-hidden{overflow:hidden}@media (max-width:768px){.hide-mobile{display:none}}@media (min-width:769px){.hide-desktop{display:none}}