:root{--primary: #8B5CF6;--secondary: #3B82F6;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--bg-dark: #0F0F1A;--bg-surface: #1A1A2E;--bg-elevated: #252542;--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--gradient-boost: linear-gradient(135deg, #F59E0B, #EF4444);--gradient-earn: linear-gradient(135deg, #10B981, #3B82F6);--gradient-premium: linear-gradient(135deg, #8B5CF6, #EC4899)}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit;padding:0;margin:0}.text-xs{font-size:12px;line-height:16px}.text-sm{font-size:14px;line-height:20px}.text-base{font-size:16px;line-height:24px}.text-lg{font-size:18px;line-height:28px}.text-xl{font-size:20px;line-height:28px}.text-2xl{font-size:24px;line-height:32px}.text-3xl{font-size:30px;line-height:36px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-white{color:#fff}.text-white\/80{color:#fffc}.text-white\/60{color:#fff9}.text-white\/50{color:#ffffff80}.text-white\/10{color:#ffffff1a}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-700{color:#374151}.text-yellow-400{color:#facc15}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-blue-400{color:#60a5fa}.text-blue-500{color:#3b82f6}.text-purple-500{color:#a855f7}.text-emerald-600{color:#059669}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.left-0{left:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-50{z-index:50}.p-0{padding:0}.p-0\.5{padding:2px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-1{padding-left:4px;padding-right:4px}.px-1\.5{padding-left:6px;padding-right:6px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.m-4{margin:16px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mx-auto{margin-left:auto;margin-right:auto}.-mr-10{margin-right:-40px}.-mt-10{margin-top:-40px}.-mt-6{margin-top:-24px}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.w-2\.5{width:10px}.h-2\.5{height:10px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.w-14{width:56px}.h-14{height:56px}.w-16{width:64px}.w-32{width:128px}.h-32{height:128px}.h-60px{height:60px}.h-16{height:64px}.min-w-\[44px\]{min-width:44px}.min-w-\[60px\]{min-width:60px}.min-w-\[240px\]{min-width:240px}.bg-primary{background-color:var(--primary)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}.bg-bg-dark{background-color:var(--bg-dark)}.bg-white{background-color:#fff}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/30{background-color:#ffffff4d}.bg-black\/20{background-color:#0003}.bg-red-500{background-color:#ef4444}.bg-blue-500\/20{background-color:#3b82f633}.bg-yellow-500\/20{background-color:#eab30833}.bg-yellow-400\/10{background-color:#facc151a}.bg-success\/10{background-color:#10b9811a}.bg-gray-700{background-color:#374151}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.to-blue-600{--tw-gradient-stops: var(--tw-gradient-stops), #2563eb}.from-blue-900\/40{--tw-gradient-stops: rgba(30, 58, 138, .4)}.to-purple-900\/40{--tw-gradient-stops: var(--tw-gradient-stops), rgba(88, 28, 135, .4)}.from-indigo-900{--tw-gradient-stops: #312e81}.to-purple-900{--tw-gradient-stops: var(--tw-gradient-stops), #581c87}.from-purple-500{--tw-gradient-stops: #a855f7}.to-blue-500{--tw-gradient-stops: var(--tw-gradient-stops), #3b82f6}.from-yellow-400{--tw-gradient-stops: #facc15}.to-red-500{--tw-gradient-stops: var(--tw-gradient-stops), #ef4444}.from-purple-600{--tw-gradient-stops: #9333ea}.to-pink-600{--tw-gradient-stops: var(--tw-gradient-stops), #db2777}.border{border:1px solid}.border-b{border-bottom:1px solid}.border-t{border-top:1px solid}.border-0{border:0}.border-2{border-width:2px}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-white\/50{border-color:#ffffff80}.border-primary{border-color:var(--primary)}.border-primary\/20{border-color:#8b5cf633}.border-surface{border-color:var(--bg-surface)}.border-success\/30{border-color:#10b9814d}.border-yellow-500\/20{border-color:#eab30833}.border-purple-500\/30{border-color:#a855f74d}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-b-3xl{border-bottom-left-radius:24px;border-bottom-right-radius:24px}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-purple-500\/30{box-shadow:0 4px 14px #a855f74d}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.blur-2xl{filter:blur(40px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.pointer-events-none{pointer-events:none}.transition-colors{transition:color .2s,background-color .2s,border-color .2s}.transition-all{transition:all .2s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.cursor-pointer{cursor:pointer}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.card{background:var(--bg-surface);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.05)}.page-container{padding-bottom:80px;min-height:100vh;box-sizing:border-box;max-width:480px;margin:0 auto;background:var(--bg-dark);border-right:1px solid rgba(255,255,255,.05);border-left:1px solid rgba(255,255,255,.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}