@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--bg-primary:#0a0b0f;--bg-secondary:#12131a;--bg-card:#16171f;--bg-card-hover:#1c1d28;--bg-elevated:#1e1f2a;--text-primary:#f0f0f5;--text-secondary:#9b9cb0;--text-muted:#5c5d70;--accent:#7c5cff;--accent-light:#9b7fff;--accent-dark:#5a3ed6;--accent-glow:#7c5cff40;--success:#22c55e;--success-bg:#22c55e1a;--error:#ef4444;--error-bg:#ef44441a;--warning:#f59e0b;--info:#3b82f6;--gradient-brand:linear-gradient(135deg,#7c5cff,#00d4ff);--gradient-card:linear-gradient(135deg,#7c5cff14,#00d4ff0a);--gradient-hero:linear-gradient(180deg,#7c5cff1f,#0000 60%);--border:#22232e;--border-light:#2a2b38;--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:24px;--shadow:0 1px 3px #0000004d;--shadow-lg:0 8px 30px #0006;--shadow-accent:0 4px 20px #7c5cff26;--navbar-h:64px}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background:#0a0b0f;background:var(--bg-primary);color:#f0f0f5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;margin:0}a{color:#9b7fff;color:var(--accent-light);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%}code{background:#1e1f2a;background:var(--bg-elevated);border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;padding:2px 6px}h1,h2,h3,h4{font-weight:700;line-height:1.2;margin:0 0 .5em}p{margin:0 0 1em}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1 1}.container{margin:0 auto;max-width:1200px;padding:0 24px}.container-sm{max-width:720px}.container-md{max-width:900px}.page-container{padding:40px 0 60px}.page-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.page-header h1{font-size:1.75rem;margin-bottom:4px}.page-header p{color:#9b9cb0;color:var(--text-secondary);margin:0}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b0fd9;border-bottom:1px solid #22232e;border-bottom:1px solid var(--border);height:64px;height:var(--navbar-h);position:sticky;top:0;z-index:100}.navbar-inner{height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.navbar-brand,.navbar-inner{align-items:center;display:flex}.navbar-brand{color:#f0f0f5;color:var(--text-primary);font-size:1.25rem;font-weight:700;gap:10px;text-decoration:none}.navbar-brand svg{color:#7c5cff;color:var(--accent)}.navbar-links{gap:8px}.nav-link,.navbar-links{align-items:center;display:flex}.nav-link{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#9b9cb0;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;gap:6px;padding:8px 12px;text-decoration:none;transition:all .15s}.nav-link:hover{background:#16171f;background:var(--bg-card);color:#f0f0f5;color:var(--text-primary);text-decoration:none}.nav-link.active{background:#7c5cff40;background:var(--accent-glow);color:#9b7fff;color:var(--accent-light)}.nav-user-badge{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:20px;color:#9b9cb0;color:var(--text-secondary);font-size:.8rem;margin-left:8px;padding:6px 14px}.logout-btn{color:#5c5d70;color:var(--text-muted)}.logout-btn:hover{color:#ef4444;color:var(--error)}.mobile-menu-btn{background:none;border:none;color:#f0f0f5;color:var(--text-primary);cursor:pointer;display:none;padding:8px}.navbar-mobile{display:none}.desktop-only{display:flex}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.navbar-mobile{background:#12131a;background:var(--bg-secondary);border-bottom:1px solid #22232e;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px;padding:12px 24px 20px}}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;line-height:1.4;padding:10px 20px;transition:all .2s}.btn,.btn:hover{text-decoration:none}.btn-primary{background:#7c5cff;background:var(--accent);color:#fff}.btn-primary:hover{background:#9b7fff;background:var(--accent-light);box-shadow:0 4px 20px #7c5cff26;box-shadow:var(--shadow-accent)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-outline{background:#0000;border:1px solid #7c5cff;border:1px solid var(--accent);color:#9b7fff;color:var(--accent-light)}.btn-outline:hover{background:#7c5cff40;background:var(--accent-glow)}.btn-ghost{background:#0000;color:#9b9cb0;color:var(--text-secondary)}.btn-ghost:hover{background:#16171f;background:var(--bg-card);color:#f0f0f5;color:var(--text-primary)}.btn-sm{font-size:.85rem;padding:6px 14px}.btn-lg{font-size:1rem;padding:14px 28px}.btn-block{justify-content:center;width:100%}.btn-icon{background:#1e1f2a;background:var(--bg-elevated);border:1px solid #22232e;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#9b9cb0;color:var(--text-secondary);cursor:pointer;padding:6px}.btn-icon:hover{color:#9b7fff;color:var(--accent-light)}.card{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #22232e;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:20px 24px}.card-header h3{font-size:1rem;margin:0}.card-header .link-sm{align-items:center;color:#9b7fff;color:var(--accent-light);display:flex;font-size:.85rem;gap:4px;margin-left:auto}.card-body{padding:24px}.form-group{margin-bottom:20px}.form-group label{color:#9b9cb0;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}.input-icon-wrapper{position:relative}.input-icon-wrapper .input-icon{color:#5c5d70;color:var(--text-muted);left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}input[type=email],input[type=number],input[type=password],input[type=text],select{background:#12131a;background:var(--bg-secondary);border:1px solid #22232e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f0f0f5;color:var(--text-primary);font-size:.95rem;outline:none;padding:12px 16px;transition:border-color .15s;width:100%}input:focus,select:focus{border-color:#7c5cff;border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff40;box-shadow:0 0 0 3px var(--accent-glow)}.input-icon-wrapper input{padding-left:42px}.form-input.sm{max-width:160px}.form-select{max-width:320px}.input-disabled{cursor:not-allowed;opacity:.5}.toggle{display:inline-block;height:26px;position:relative;width:48px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#1e1f2a;background:var(--bg-elevated);border:1px solid #22232e;border:1px solid var(--border);border-radius:26px;cursor:pointer;inset:0;position:absolute;transition:.2s}.toggle-slider:before{background:#5c5d70;background:var(--text-muted);border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.2s;width:18px}.toggle input:checked+.toggle-slider{background:#7c5cff;background:var(--accent);border-color:#7c5cff;border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translateX(22px)}.alert{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;font-size:.9rem;gap:8px;margin-bottom:20px;padding:14px 18px}.alert-error{background:#ef44441a;background:var(--error-bg);border:1px solid #ef444433;color:#ef4444;color:var(--error)}.alert-success{background:#22c55e1a;background:var(--success-bg);border:1px solid #22c55e33;color:#22c55e;color:var(--success)}.alert-warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--warning)}.loading-screen{align-items:center;color:#9b9cb0;color:var(--text-secondary);display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.spinner{animation:spin .8s linear infinite;border:3px solid #22232e;border-top-color:#7c5cff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.beta-banner{background:#1e1f2a;background:var(--bg-elevated);border-bottom:1px solid #22232e;border-bottom:1px solid var(--border);color:#9b9cb0;color:var(--text-secondary);font-size:.8rem;font-weight:400;padding:10px 16px;text-align:center}.beta-banner strong{color:#9b7fff;color:var(--accent-light);font-weight:600}.hero{overflow:hidden;padding:100px 0 80px;position:relative}.hero-glow{background:radial-gradient(ellipse,#7c5cff26 0,#0000 70%);height:600px;left:50%;pointer-events:none;position:absolute;top:-200px;transform:translateX(-50%);width:800px}.hero-content{margin:0 auto;max-width:720px;position:relative;text-align:center}.hero-badge{align-items:center;background:#7c5cff40;background:var(--accent-glow);border:1px solid #7c5cff4d;border-radius:20px;color:#9b7fff;color:var(--accent-light);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;margin-bottom:24px;padding:6px 16px}.hero h1{font-size:3.2rem;letter-spacing:-1px;line-height:1.1;margin-bottom:20px}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c5cff,#00d4ff);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text}.hero-sub{color:#9b9cb0;color:var(--text-secondary);font-size:1.15rem;margin:0 auto 32px;max-width:540px}.hero-actions{flex-wrap:wrap;gap:16px;margin-bottom:48px}.hero-actions,.hero-stats{display:flex;justify-content:center}.hero-stats{align-items:center;gap:32px}.stat{text-align:center}.stat strong{color:#f0f0f5;color:var(--text-primary);display:block;font-size:1.6rem}.stat span{color:#5c5d70;color:var(--text-muted);font-size:.85rem}.stat-divider{background:#22232e;background:var(--border);height:40px;width:1px}@media (max-width:640px){.hero{padding:60px 0 50px}.hero h1{font-size:2rem}.hero-sub{font-size:1rem}.hero-stats{gap:20px}.stat strong{font-size:1.2rem}}.section{padding:80px 0}.section-alt{background:#12131a;background:var(--bg-secondary)}.section-header{margin-bottom:48px;text-align:center}.section-header h2{font-size:2rem}.section-header p{color:#9b9cb0;color:var(--text-secondary);font-size:1.05rem}.steps-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.step-card{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:32px;position:relative;text-align:center}.step-number{background:#7c5cff;background:var(--accent);color:#fff;font-size:.85rem;font-weight:700;height:28px;left:50%;position:absolute;top:-14px;transform:translateX(-50%);width:28px}.step-icon,.step-number{align-items:center;border-radius:50%;display:flex;justify-content:center}.step-icon{background:#7c5cff40;background:var(--accent-glow);color:#9b7fff;color:var(--accent-light);height:64px;margin:8px auto 20px;width:64px}.step-card h3{font-size:1.15rem}.step-card p{color:#9b9cb0;color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:768px){.steps-grid{grid-template-columns:1fr;margin:0 auto;max-width:400px}}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:28px;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#7c5cff;border-color:var(--accent);transform:translateY(-2px)}.feature-card svg{color:#9b7fff;color:var(--accent-light);margin-bottom:14px}.feature-card h3{font-size:1.05rem;margin-bottom:8px}.feature-card p{color:#9b9cb0;color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:768px){.features-grid{grid-template-columns:1fr}}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr)}.pricing-card{align-items:center;background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:32px 24px;position:relative;text-align:center;transition:border-color .2s,transform .2s}.pricing-card:hover{border-color:#2a2b38;border-color:var(--border-light);transform:translateY(-2px)}.pricing-card.popular{background:linear-gradient(135deg,#7c5cff14,#00d4ff0a);background:var(--gradient-card);border-color:#7c5cff;border-color:var(--accent);box-shadow:0 4px 20px #7c5cff26;box-shadow:var(--shadow-accent)}.popular-badge{align-items:center;background:#7c5cff;background:var(--accent);border-radius:12px;color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:4px;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.pricing-card h3{font-size:1.1rem;margin-bottom:8px}.pricing-tokens{color:#f0f0f5;color:var(--text-primary);font-size:1.6rem;font-weight:700;margin-bottom:4px}.pricing-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c5cff,#00d4ff);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;margin-bottom:4px}.pricing-per{color:#5c5d70;color:var(--text-muted);font-size:.8rem;margin-bottom:8px}.pricing-savings{color:#22c55e;color:var(--success);font-size:.8rem;font-weight:600;margin-bottom:20px}.pricing-card .btn{margin-top:auto}@media (max-width:960px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.pricing-grid{grid-template-columns:1fr;margin:0 auto;max-width:360px}}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow:hidden}.faq-item summary{align-items:center;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:18px 24px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{color:#5c5d70;color:var(--text-muted);content:"+";font-size:1.4rem;transition:transform .2s}.faq-item[open] summary:after{content:"−"}.faq-item p{color:#9b9cb0;color:var(--text-secondary);font-size:.95rem;margin:0;padding:0 24px 18px}.cta-section{background:linear-gradient(180deg,#7c5cff1f,#0000 60%);background:var(--gradient-hero)}.cta-section h2{font-size:2rem;margin-bottom:12px}.cta-section p{color:#9b9cb0;color:var(--text-secondary);font-size:1.05rem;margin-bottom:28px}.auth-page{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 264px);min-height:calc(100vh - var(--navbar-h) - 200px);padding:40px 20px}.auth-card{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);max-width:440px;padding:40px;width:100%}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{font-size:1.6rem;margin-top:16px}.auth-header p{color:#9b9cb0;color:var(--text-secondary);margin:0}.auth-logo{color:#7c5cff;color:var(--accent)}.auth-form .form-group:last-of-type{margin-bottom:24px}.auth-footer-text{color:#9b9cb0;color:var(--text-secondary);font-size:.9rem;margin-top:20px;text-align:center}.auth-mock-notice{background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:10px;border-radius:var(--radius);color:#f59e0b;color:var(--warning);font-size:.8rem;margin-top:20px;padding:12px 16px;text-align:center}.register-beta-notice{align-items:flex-start;background:#f59e0b14;border:1px solid #f59e0b40;border-radius:6px;border-radius:var(--radius-sm);color:#fcd34d;display:flex;font-size:.875rem;gap:12px;margin-bottom:24px;padding:16px 18px}.register-beta-notice svg{flex-shrink:0;margin-top:2px}.register-beta-notice strong{display:block;font-size:.9rem;margin-bottom:4px}.register-beta-notice p{color:#9b9cb0;color:var(--text-secondary);line-height:1.5;margin:0}.register-steps{margin-bottom:24px}.register-steps h3{font-size:.95rem;margin-bottom:12px}.register-steps ol{counter-reset:steps;display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.register-steps ol li{align-items:baseline;color:#9b9cb0;color:var(--text-secondary);counter-increment:steps;display:flex;font-size:.875rem;gap:12px;line-height:1.6}.register-steps ol li:before{align-items:center;background:#7c5cff;background:var(--accent);border-radius:50%;color:#0a0b0f;color:var(--bg-primary);content:counter(steps);display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:24px;justify-content:center;min-width:24px;position:relative;top:2px}.register-steps ol li span{flex:1 1}.register-steps ol li strong{color:#f0f0f5;color:var(--text-primary)}.register-contact{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.register-footer{text-align:center}.register-footer p{color:#9b9cb0;color:var(--text-secondary);font-size:.875rem;margin-bottom:10px}.register-footer a{color:#7c5cff;color:var(--accent);font-weight:600}.balance-card{background:linear-gradient(135deg,#7c5cff14,#00d4ff0a);background:var(--gradient-card);border:1px solid #7c5cff;border:1px solid var(--accent);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 4px 20px #7c5cff26;box-shadow:var(--shadow-accent);margin-bottom:32px;padding:32px}.balance-card-inner{align-items:flex-start;display:flex;flex-wrap:wrap;gap:40px}.balance-main{flex:1 1;min-width:280px}.balance-label{color:#9b9cb0;color:var(--text-secondary);font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.balance-amount{align-items:center;display:flex;font-size:3rem;font-weight:800;gap:12px;margin-bottom:16px}.balance-amount svg{color:#7c5cff;color:var(--accent)}.balance-bar-wrapper{width:100%}.balance-bar{background:#1e1f2a;background:var(--bg-elevated);border-radius:4px;height:8px;overflow:hidden;width:100%}.balance-bar-fill{background:linear-gradient(135deg,#7c5cff,#00d4ff);background:var(--gradient-brand);border-radius:4px;height:100%;transition:width .5s}.balance-bar-label{color:#5c5d70;color:var(--text-muted);display:block;font-size:.8rem;margin-top:6px}.balance-side{min-width:220px}.balance-stat{align-items:center;color:#9b9cb0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-bottom:16px}.balance-stat svg{color:#9b7fff;color:var(--accent-light)}.balance-stat strong{color:#f0f0f5;color:var(--text-primary);margin-left:auto}.user-token-display{background:#12131a;background:var(--bg-secondary);border:1px solid #22232e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);padding:16px}.user-token-display label{color:#5c5d70;color:var(--text-muted);display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.token-copy-row{align-items:center;display:flex;gap:8px}.token-copy-row code{background:#0a0b0f;background:var(--bg-primary);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;font-size:.9rem;padding:6px 10px}.token-hint{color:#5c5d70;color:var(--text-muted);display:block;font-size:.75rem;margin-top:6px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.stat-card{align-items:center;background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:14px;padding:20px}.stat-card svg{color:#9b7fff;color:var(--accent-light);flex-shrink:0}.stat-card-body{display:flex;flex-direction:column}.stat-card-body span{color:#5c5d70;color:var(--text-muted);font-size:.8rem}.stat-card-body strong{font-size:1.05rem}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.app-usage-list{display:flex;flex-direction:column;gap:20px}.app-usage-header{display:flex;justify-content:space-between;margin-bottom:6px}.app-name{font-weight:600}.app-tokens{color:#9b9cb0;color:var(--text-secondary);font-size:.85rem}.app-usage-bar{background:#1e1f2a;background:var(--bg-elevated);border-radius:3px;height:6px;overflow:hidden;width:100%}.app-usage-bar-fill{background:linear-gradient(135deg,#7c5cff,#00d4ff);background:var(--gradient-brand);border-radius:3px;height:100%}.app-requests{color:#5c5d70;color:var(--text-muted);font-size:.75rem}.txn-list{display:flex;flex-direction:column}.txn-list.full .txn-item{padding:16px 0}.txn-item{align-items:center;border-bottom:1px solid #22232e;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:12px 0}.txn-item:last-child{border-bottom:none}.txn-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.txn-icon.purchase{background:#7c5cff40;background:var(--accent-glow);color:#9b7fff;color:var(--accent-light)}.txn-icon.usage{background:#3b82f61a;color:#3b82f6;color:var(--info)}.txn-icon.refund{background:#22c55e1a;background:var(--success-bg);color:#22c55e;color:var(--success)}.txn-icon.auto-renew{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.txn-details{flex:1 1;min-width:0}.txn-desc{display:block;font-size:.9rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txn-meta{color:#5c5d70;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px}.txn-app,.txn-model{background:#1e1f2a;background:var(--bg-elevated);border-radius:4px;font-size:.75rem;padding:1px 8px}.txn-right{flex-shrink:0;text-align:right}.txn-amount{font-size:.95rem;font-weight:700}.txn-amount.positive{color:#22c55e;color:var(--success)}.txn-amount.negative{color:#ef4444;color:var(--error)}.txn-usd{color:#5c5d70;color:var(--text-muted);font-size:.8rem}.txn-status{border-radius:12px;flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.txn-status.completed{background:#22c55e1a;background:var(--success-bg);color:#22c55e;color:var(--success)}.txn-status.pending{background:#f59e0b1a;color:#f59e0b;color:var(--warning)}.txn-status.failed{background:#ef44441a;background:var(--error-bg);color:#ef4444;color:var(--error)}.filter-tabs{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-tabs svg{color:#5c5d70;color:var(--text-muted)}.filter-tab{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:20px;color:#9b9cb0;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:6px 16px;transition:all .15s}.filter-tab:hover{color:#f0f0f5;color:var(--text-primary)}.filter-tab.active{background:#7c5cff;background:var(--accent);border-color:#7c5cff;border-color:var(--accent);color:#fff}.purchase-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.purchase-card{background:#16171f;background:var(--bg-card);border:2px solid #22232e;border:2px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);color:#f0f0f5;color:var(--text-primary);cursor:pointer;padding:28px 20px;position:relative;text-align:center;transition:all .2s}.purchase-card:hover{border-color:#2a2b38;border-color:var(--border-light);transform:translateY(-2px)}.purchase-card.selected{background:linear-gradient(135deg,#7c5cff14,#00d4ff0a);background:var(--gradient-card);border-color:#7c5cff;border-color:var(--accent);box-shadow:0 4px 20px #7c5cff26;box-shadow:var(--shadow-accent)}.purchase-card h3{font-size:1rem;margin-bottom:6px}.purchase-card-tokens{font-size:1.4rem;font-weight:700;margin-bottom:4px}.purchase-card-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c5cff,#00d4ff);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:800;margin-bottom:4px}.purchase-card-per{color:#5c5d70;color:var(--text-muted);font-size:.8rem}.purchase-card-savings{color:#22c55e;color:var(--success);font-size:.8rem;font-weight:600;margin-top:4px}.purchase-check{color:#9b7fff;color:var(--accent-light);position:absolute;right:12px;top:12px}@media (max-width:768px){.purchase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.purchase-grid{grid-template-columns:1fr}}.payment-section{max-width:560px}.payment-section h2{font-size:1.3rem;margin-bottom:16px}.payment-methods{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.payment-method-btn{align-items:center;background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#9b9cb0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:12px 20px;transition:all .15s}.payment-method-btn:hover{border-color:#2a2b38;border-color:var(--border-light)}.payment-method-btn.active{background:#7c5cff40;background:var(--accent-glow);border-color:#7c5cff;border-color:var(--accent);color:#f0f0f5;color:var(--text-primary)}.pm-icon{font-size:1.2rem}.card-form-mock{background:#12131a;background:var(--bg-secondary);border:1px solid #22232e;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);margin-bottom:24px;padding:20px}.card-form-row{display:flex;gap:16px}.card-form-row .form-group{flex:1 1}.mock-notice{align-items:center;color:#5c5d70;color:var(--text-muted);display:flex;font-size:.8rem;gap:6px;margin:0}.order-summary{background:#16171f;background:var(--bg-card);border:1px solid #22232e;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:24px}.order-summary h3{font-size:1.1rem;margin-bottom:16px}.order-line{color:#9b9cb0;color:var(--text-secondary);display:flex;font-size:.95rem;justify-content:space-between;padding:10px 0}.order-line.total{border-top:1px solid #22232e;border-top:1px solid var(--border);color:#f0f0f5;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:16px}.order-summary .btn{margin-top:20px}.purchase-success{padding:60px 20px;text-align:center}.success-icon{color:#22c55e;color:var(--success);margin-bottom:20px}.purchase-success h2{font-size:1.8rem;margin-bottom:12px}.purchase-success p{color:#9b9cb0;color:var(--text-secondary);font-size:1.05rem}.success-balance{background:#7c5cff40;background:var(--accent-glow);border-radius:10px;border-radius:var(--radius);color:#9b7fff;color:var(--accent-light);display:inline-block;font-size:1.3rem;margin:24px 0;padding:16px}.success-actions{display:flex;gap:16px;justify-content:center;margin-top:24px}.settings-card{margin-bottom:24px}.settings-card .card-header svg{color:#9b7fff;color:var(--accent-light)}.setting-row{align-items:center;border-bottom:1px solid #22232e;border-bottom:1px solid var(--border);display:flex;gap:24px;justify-content:space-between;padding:16px 0}.setting-row:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-info strong{display:block;font-size:.95rem;margin-bottom:2px}.setting-info p{color:#5c5d70;color:var(--text-muted);font-size:.85rem;margin:0}.settings-actions{display:flex;justify-content:flex-end;margin-top:8px}.empty-state{color:#5c5d70;color:var(--text-muted);font-size:.95rem;padding:40px 20px;text-align:center}.site-footer{background:#12131a;background:var(--bg-secondary);border-top:1px solid #22232e;border-top:1px solid var(--border);margin-top:60px;padding:48px 0 24px}.footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:40px}.footer-brand p{font-size:.9rem;max-width:280px}.footer-brand p,.footer-contact{color:#5c5d70;color:var(--text-muted)}.footer-contact{font-size:.8rem;transition:color .15s ease}.footer-contact:hover{color:#7c5cff;color:var(--accent);text-decoration:none}.footer-logo{align-items:center;display:flex;font-size:1.15rem;font-weight:700;gap:10px;margin-bottom:12px}.footer-logo svg{color:#7c5cff;color:var(--accent)}.footer-col h4{color:#5c5d70;color:var(--text-muted);font-size:.85rem;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:10px}.footer-col a{color:#9b9cb0;color:var(--text-secondary);font-size:.9rem;transition:color .15s}.footer-col a:hover{color:#f0f0f5;color:var(--text-primary);text-decoration:none}.footer-bottom{border-top:1px solid #22232e;border-top:1px solid var(--border);padding-top:20px;text-align:center}.footer-bottom p{color:#5c5d70;color:var(--text-muted);font-size:.8rem;margin:0}@media (max-width:768px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.footer-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3cef4ce6.css.map*/