@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0b0a;--bg-elevated:#111211;--surface:#161816;--surface-hover:#1c1e1c;--surface-bright:#1f211f;--border:#232523;--border-light:#2d302d;--accent:#7dd955;--accent-soft:#7dd9551f;--accent-medium:#7dd95533;--accent-glow:#7dd9554d;--text:#f0efe9;--text-secondary:#a8a69f;--text-tertiary:#6b6963;--danger:#e85d5d;--danger-soft:#e85d5d1a;--danger-border:#e85d5d33;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:24px;--font:"Plus Jakarta Sans", "DM Sans", system-ui, sans-serif;--font-heading:"Fraunces", Georgia, serif}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.app-container{max-width:480px;margin:0 auto;padding:20px 20px 100px}.center-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.heading-xl{font-family:var(--font-heading);letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1.1}.heading-lg{font-family:var(--font-heading);letter-spacing:-.02em;font-size:26px;font-weight:700}.heading-md{letter-spacing:-.01em;font-size:22px;font-weight:700}.heading-sm{letter-spacing:-.005em;font-size:15px;font-weight:600}.text-sm{font-size:14px}.text-xs{font-size:13px}.text-xxs{font-size:12px}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-danger{color:var(--danger)}.text-center{text-align:center}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:8px;padding-left:2px;font-size:12px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.card-padded{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-hero{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);text-align:center;padding:32px 24px;position:relative;overflow:hidden}.card-hero:before{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);pointer-events:none;width:300px;height:300px;position:absolute;top:-60%;left:50%;transform:translate(-50%)}.card-invest{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:20px;position:relative;overflow:hidden}.card-invest:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-medium), transparent);height:1px;position:absolute;top:0;left:0;right:0}.card-row{justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-divider{background:var(--border);height:1px;margin:0 18px}.list-stack{background:var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.list-item{background:var(--surface);justify-content:space-between;align-items:center;padding:14px 18px;transition:background .15s;display:flex}.list-item:hover{background:var(--surface-hover)}.btn{border-radius:var(--radius-sm);font-family:var(--font);cursor:pointer;border:none;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-full{justify-content:center;align-items:center;gap:8px;width:100%;display:flex}.btn-outline{border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font);cursor:pointer;background:0 0;padding:8px 14px;font-weight:500;transition:all .2s}.btn-outline:hover:not(:disabled){border-color:var(--border-light);color:var(--text)}.btn-danger{background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-md);width:100%;color:var(--danger);font-family:var(--font);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.btn-danger:hover:not(:disabled){background:#e85d5d26}.badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.badge-pro{background:var(--accent-soft);color:var(--accent)}.badge-free{color:var(--text-secondary);background:#edeae40f}.status-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 6px var(--accent-glow);border-radius:50%}.stats-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:18px 14px}.stat-value{color:var(--accent);letter-spacing:-.02em;font-size:22px;font-weight:800}.stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-top:4px;font-size:11px;font-weight:500}.step-number{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.bottom-nav{background:var(--bg-elevated);border-top:1px solid var(--border);padding:6px 0;padding-bottom:max(6px, env(safe-area-inset-bottom));z-index:100;-webkit-backdrop-filter:blur(20px);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{max-width:100px;color:var(--text-tertiary);font-family:var(--font);cursor:pointer;letter-spacing:.02em;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0 4px;font-size:10px;font-weight:500;transition:color .2s;display:flex}.nav-item.active{color:var(--accent)}.nav-item svg{stroke-width:1.8px;width:22px;height:22px}.cashback-amount{font-family:var(--font);color:var(--accent);letter-spacing:-.03em;z-index:1;font-size:48px;font-weight:800;position:relative}.fee-breakdown{border-radius:var(--radius-sm);background:#00000040;padding:14px 16px}.fee-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.fee-divider{background:#ffffff0f;height:1px;margin:8px 0}.referral-url{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;padding:10px 14px;font-size:13px;overflow:hidden}.header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-subtitle{color:var(--text-tertiary);margin-bottom:2px;font-size:13px;font-weight:500}.wallet-address{color:var(--text-tertiary);word-break:break-all;letter-spacing:.02em;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:12px}.portfolio-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px;position:relative;overflow:hidden}.portfolio-card:before{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);pointer-events:none;width:400px;height:400px;position:absolute;top:-80%;left:50%;transform:translate(-50%)}.portfolio-value{letter-spacing:-.03em;z-index:1;font-size:44px;font-weight:800;position:relative}.portfolio-change{border-radius:8px;align-items:center;gap:4px;margin-top:6px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.portfolio-change.up{color:var(--accent);background:var(--accent-soft)}.portfolio-change.down{color:var(--danger);background:var(--danger-soft)}.chart-container{z-index:1;margin:20px -8px 0;position:relative}.quick-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.quick-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);margin-bottom:6px;font-size:11px;font-weight:600}.quick-stat-value{letter-spacing:-.02em;font-size:20px;font-weight:800}.quick-stat-sub{color:var(--text-tertiary);margin-top:2px;font-size:11px}.activity-item{background:var(--surface);align-items:center;gap:14px;padding:14px 18px;transition:background .15s;display:flex}.activity-item:hover{background:var(--surface-hover)}.activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.activity-icon.cashback{background:var(--accent-soft)}.activity-icon.spend{background:#ffffff0a}.activity-content{flex:1;min-width:0}.activity-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.activity-date{color:var(--text-tertiary);margin-top:1px;font-size:12px}.activity-amount{text-align:right;flex-shrink:0;font-size:14px;font-weight:600}.activity-amount.positive{color:var(--accent)}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-header h2{font-size:15px;font-weight:600}.see-all{color:var(--accent);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);background:0 0;border:none}.mb-4{margin-bottom:4px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mb-32{margin-bottom:32px}.mt-4{margin-top:4px}.gap-8{gap:8px}.gap-14{gap:14px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.w-full{width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.4s ease-out fadeIn}a{color:inherit;text-decoration:none}a:hover{opacity:.85}.landing{overflow-x:hidden}.landing-nav{justify-content:space-between;align-items:center;max-width:1080px;margin:0 auto;padding:20px 24px;display:flex}.landing-logo{font-family:var(--font-heading);color:var(--accent);letter-spacing:-.02em;font-size:22px;font-weight:800}.landing-hero{text-align:center;max-width:1080px;margin:0 auto;padding:80px 24px 60px}.hero-badge{color:var(--accent);background:var(--accent-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:24px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:700;animation:.6s ease-out both fadeUp;display:inline-block}.hero-title{font-family:var(--font-heading);letter-spacing:-.03em;max-width:720px;margin:0 auto 20px;font-size:clamp(40px,7vw,72px);font-weight:800;line-height:1.05;animation:.6s ease-out .1s both fadeUp}.hero-title .accent{color:var(--accent)}.hero-sub{color:var(--text-secondary);max-width:520px;margin:0 auto 40px;font-size:clamp(16px,2.5vw,20px);line-height:1.6;animation:.6s ease-out .2s both fadeUp}.hero-cta-group{justify-content:center;align-items:center;gap:12px;animation:.6s ease-out .3s both fadeUp;display:flex}.btn-landing{font-family:var(--font);cursor:pointer;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .25s}.btn-landing-primary{background:var(--accent);color:var(--bg)}.btn-landing-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #7dd95533}.btn-landing-ghost{color:var(--text);border:1px solid var(--border);background:0 0}.btn-landing-ghost:hover{border-color:var(--border-light)}.hero-disclaimer{color:var(--text-tertiary);margin-top:16px;font-size:13px;animation:.6s ease-out .4s both fadeUp}.stats-bar{max-width:1080px;margin:0 auto;padding:0 24px;animation:.6s ease-out .5s both fadeUp}.stats-bar-inner{background:var(--border);border-radius:var(--radius-xl);justify-content:center;gap:1px;display:flex;overflow:hidden}.stat-block{background:var(--surface);text-align:center;flex:1;max-width:260px;padding:28px 24px}.stat-block-value{font-family:var(--font);color:var(--accent);letter-spacing:-.02em;font-size:30px;font-weight:800}.stat-block-label{color:var(--text-tertiary);margin-top:4px;font-size:12px;font-weight:500}.landing-section{max-width:1080px;margin:0 auto;padding:80px 24px}.section-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:700}.section-title{font-family:var(--font-heading);letter-spacing:-.02em;max-width:500px;margin-bottom:48px;font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.15}.features-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;transition:all .3s}.feature-card:hover{border-color:var(--border-light);transform:translateY(-4px)}.feature-icon{background:var(--accent-soft);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:18px;font-size:22px;display:flex}.feature-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{padding:28px 24px}.step-num{font-family:var(--font);color:var(--accent-soft);letter-spacing:-.04em;margin-bottom:16px;font-size:56px;font-weight:800;line-height:1}.step-card h3{margin-bottom:8px;font-size:16px;font-weight:600}.step-card p{color:var(--text-secondary);font-size:14px;line-height:1.6}.final-cta{text-align:center;max-width:1080px;margin:0 auto;padding:80px 24px 100px}.final-cta-title{font-family:var(--font-heading);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.1}.final-cta-sub{color:var(--text-secondary);margin-bottom:32px;font-size:18px}.landing-footer{border-top:1px solid var(--border);text-align:center;padding:24px}.landing-footer p{color:var(--text-tertiary);font-size:12px}.hero-glow{pointer-events:none;z-index:-1;background:radial-gradient(circle,#7dd9550f 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}@media (max-width:768px){.features-grid,.steps-grid{grid-template-columns:1fr}.stats-bar-inner,.hero-cta-group{flex-direction:column}.btn-landing{width:100%;max-width:320px}.landing-hero{padding:48px 24px 40px}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cl-card,.cl-userButtonPopoverCard{background:#111411!important;border:1px solid #ffffff17!important;box-shadow:0 16px 48px #0009!important}.cl-userPreviewMainIdentifier,.cl-userPreviewSecondaryIdentifier,.cl-menuItem__manageAccount span,.cl-menuItem__signOut span,.cl-menuItem span,.cl-userButtonPopoverActionButtonText,.cl-userButtonPopoverActionButton,.cl-internal-b3fm6y{color:#e2e0da!important}.cl-userButtonPopoverActionButton:hover,.cl-menuItem:hover{background:#ffffff0f!important}.cl-userButtonPopoverActionButtonIcon,.cl-menuItemIcon{color:#e6e4de80!important}.cl-userButtonPopoverFooter,.cl-userButtonPopoverFooter a,.cl-userButtonPopoverFooter span{color:#e6e4de4d!important;border-top-color:#ffffff12!important}.cl-modalContent,.cl-card,.cl-signIn-root .cl-card,.cl-signUp-root .cl-card,.cl-verifyEmailAddress-root .cl-card{background:#131713!important;border:1px solid #ffffff1f!important;box-shadow:0 32px 80px #000c!important}.cl-modalCloseButton{color:#e6e4de80!important}.cl-modalCloseButton:hover{color:#f0efe9!important;background:#ffffff14!important}.cl-headerTitle{color:#f0efe9!important;font-size:20px!important;font-weight:700!important}.cl-headerSubtitle{color:#f0efe980!important;font-size:14px!important}.cl-formFieldLabel{color:#f0efe9bf!important;font-size:13px!important;font-weight:500!important}.cl-formFieldInput{color:#f0efe9!important;caret-color:#7dd955!important;background:#0a0d0a!important;border:1.5px solid #ffffff2e!important;border-radius:8px!important;font-size:15px!important}.cl-formFieldInput:focus{border-color:#7dd955!important;outline:none!important;box-shadow:0 0 0 3px #7dd95526!important}.cl-formFieldInput::placeholder{color:#f0efe940!important}.cl-formFieldInputShowPasswordButton,.cl-formFieldInputShowPasswordButton svg{color:#f0efe980!important}.cl-formButtonPrimary{color:#061005!important;background:#7dd955!important;border-radius:9px!important;font-size:15px!important;font-weight:700!important;box-shadow:0 4px 16px #7dd95540!important}.cl-formButtonPrimary:hover{filter:brightness(1.1)!important;box-shadow:0 6px 20px #7dd95559!important}.cl-socialButtonsBlockButton{color:#f0efe9!important;background:#1c211c!important;border:1.5px solid #ffffff2e!important;border-radius:8px!important}.cl-socialButtonsBlockButton:hover{background:#242924!important;border-color:#ffffff47!important}.cl-socialButtonsBlockButtonText{color:#f0efe9!important;font-weight:500!important}.cl-dividerLine{background:#ffffff1a!important}.cl-dividerText{color:#f0efe959!important;font-size:12px!important}.cl-formFieldAction,.cl-footerActionLink{color:#7dd955!important;text-underline-offset:2px!important;font-size:14px!important;font-weight:700!important;text-decoration:underline!important}.cl-formFieldAction:hover,.cl-footerActionLink:hover{color:#a0e87a!important}.cl-footerActionText{color:#f0efe9d9!important;font-size:14px!important}.cl-otpCodeFieldInput,.cl-otpCodeField__input{color:#f0efe9!important;caret-color:#7dd955!important;background:#1c211c!important;border:2px solid #ffffff38!important}.cl-otpCodeFieldInput:focus,.cl-otpCodeField__input:focus{background:#1f261f!important;border-color:#7dd955!important;box-shadow:0 0 0 3px #7dd95533!important}.cl-identityPreviewText{color:#f0efe9bf!important;font-size:13px!important}.cl-identityPreviewEditButtonIcon{color:#f0efe980!important}.cl-formResendCodeLink,.cl-otpResend a,[class*=resendCodeLink]{color:#7dd955!important;font-weight:500!important}.cl-otpResend span,[class*=resendCodeText]{color:#f0efe973!important}.cl-formFieldErrorText,.cl-alert,.cl-formFieldWarningText{color:#e05d5d!important;font-size:12px!important}.cl-footer,.cl-footer a,.cl-footer span,.cl-footerPages,.cl-footerPagesLink,.cl-userButtonPopoverFooter,.cl-userButtonPopoverFooter a,.cl-userButtonPopoverFooter span{color:#f0efe98c!important;border-top-color:#ffffff1a!important}.cl-footerPagesLink:hover{color:#f0efe9cc!important}[class^=cl-internal-]{color:#f0efe9!important}.cl-userProfile-root .cl-card,.cl-modalContent .cl-card,.cl-userProfile-root{background:#131713!important;border:1px solid #ffffff1a!important}.cl-navbar,.cl-navbarMobileMenuButton{background:#0e120e!important;border-right:1px solid #ffffff14!important}.cl-userProfile-root .cl-headerTitle,.cl-profilePage__account .cl-headerTitle,.cl-profilePage .cl-headerTitle{color:#f0efe9!important;font-size:18px!important;font-weight:700!important}.cl-userProfile-root .cl-headerSubtitle,.cl-profilePage .cl-headerSubtitle{color:#f0efe980!important;font-size:13px!important}.cl-navbarButton{color:#f0efe98c!important;font-size:13px!important;font-weight:500!important}.cl-navbarButton:hover{color:#f0efe9!important;background:#ffffff0f!important}.cl-navbarButton[data-active],.cl-navbarButton.cl-active{color:#7dd955!important;background:#7dd9551a!important}.cl-navbarButtonIcon{color:inherit!important;opacity:.8!important}.cl-scrollBox,.cl-pageScrollBox,.cl-profilePage,.cl-profileSection{color:#f0efe9!important;background:0 0!important}.cl-profileSectionTitle,.cl-profileSectionTitleText,.cl-formHeaderTitle{color:#f0efe9!important;border-bottom-color:#ffffff14!important;font-size:16px!important;font-weight:600!important}.cl-profileSectionSubtitle,.cl-formHeaderSubtitle{color:#f0efe980!important;font-size:13px!important}.cl-userPreviewMainIdentifier{color:#f0efe9!important;font-weight:600!important}.cl-userPreviewSecondaryIdentifier{color:#f0efe98c!important}.cl-profileSectionPrimaryButton,.cl-formButtonReset{color:#7dd955!important;font-weight:600!important}.cl-profileSectionPrimaryButton:hover,.cl-formButtonReset:hover{color:#a0e87a!important}.cl-profileSectionContent,.cl-profileSectionContent p,.cl-profileSectionContent span,.cl-profileSectionItem{color:#f0efe9cc!important}.cl-badge{color:#7dd955!important;background:#7dd9551f!important;border:1px solid #7dd95533!important}.cl-menuButton{color:#f0efe973!important}.cl-menuButton:hover{color:#f0efe9!important;background:#ffffff0f!important}.cl-menuList{background:#1c211c!important;border:1px solid #ffffff1f!important;box-shadow:0 8px 32px #0009!important}.cl-menuItem{color:#f0efe9!important}.cl-menuItem:hover{background:#ffffff12!important}.cl-menuItem[data-color=destructive],.cl-menuItem__destructive{color:#e05d5d!important}.cl-profileSectionContent button{color:#f0efe999!important}.cl-profileSectionContent button:hover{color:#f0efe9!important}
