:root{--color-primary: #3B82F6;--color-primary-dark: #2563EB;--color-accent: #8B5CF6;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-bg-dark: #0F172A;--color-bg-card: #1E293B;--color-bg-input: #334155;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-border: #334155;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-card: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .2);--shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg-dark);color:var(--color-text-primary);-webkit-font-smoothing:antialiased}.landing-page{min-height:100vh}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;background:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(51,65,85,.5);position:sticky;top:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:10px}.nav-title{font-size:20px;font-weight:700}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{color:var(--color-text-secondary);text-decoration:none;font-size:14px;transition:color .2s}.nav-links a:hover{color:var(--color-text-primary)}.nav-login-btn{padding:8px 20px;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.nav-signup-btn{padding:8px 20px;background:var(--color-primary);color:#fff!important;border-radius:var(--radius-sm);font-weight:600}.hero{text-align:center;padding:100px 20px 80px;max-width:800px;margin:0 auto}.hero h1{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:20px}.gradient-text{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;color:var(--color-text-secondary);line-height:1.8;margin-bottom:36px}.hero-cta{display:flex;gap:16px;justify-content:center}.btn-primary{padding:14px 36px;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:var(--radius-md);font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.btn-secondary{padding:14px 36px;border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:16px;text-decoration:none;transition:border-color .2s}.btn-secondary:hover{border-color:var(--color-primary)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;padding:0 20px 80px}.feature-card{background:var(--color-bg-card);border:1px solid rgba(51,65,85,.3);border-radius:var(--radius-lg);padding:32px;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.feature-icon{font-size:36px;margin-bottom:16px}.feature-card h3{font-size:20px;margin-bottom:12px}.feature-card p{font-size:14px;color:var(--color-text-secondary);line-height:1.7}.models-section{max-width:1100px;margin:0 auto;padding:0 20px 80px}.models-section h2{font-size:32px;margin-bottom:32px;text-align:center}.models-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.model-card{background:var(--color-bg-card);border:1px solid rgba(51,65,85,.3);border-radius:var(--radius-lg);padding:28px;transition:transform .2s}.model-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.model-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.model-badge{padding:4px 12px;border-radius:20px;font-size:12px;color:#fff;font-weight:600}.model-trend{font-size:14px;font-weight:700}.model-card h3{font-size:24px;margin-bottom:8px}.model-tokens{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px}.model-link{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:600}.landing-footer{background:#1e293b80;border-top:1px solid rgba(51,65,85,.3);padding:60px 20px 40px}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:900px;margin:0 auto 40px}.footer-grid h4{font-size:14px;color:var(--color-text-secondary);margin-bottom:16px;text-transform:uppercase;letter-spacing:1px}.footer-grid a{display:block;color:var(--color-text-secondary);text-decoration:none;font-size:14px;margin-bottom:10px;transition:color .2s}.footer-grid a:hover{color:var(--color-text-primary)}.footer-bottom{text-align:center;color:var(--color-text-secondary);font-size:13px}@media (max-width: 768px){.features,.models-grid{grid-template-columns:1fr}.nav-links{display:none}.hero h1{font-size:32px}.hero-cta{flex-direction:column;align-items:center}.landing-nav{padding:12px 20px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#1a1a2e);padding:1rem}.auth-container{width:100%;max-width:420px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:2rem;text-decoration:none}.auth-logo span{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.5px}.auth-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.auth-header p{color:var(--color-text-secondary);font-size:.875rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:.375rem;text-transform:uppercase;letter-spacing:.5px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:12px;font-size:1rem;z-index:1}.input-wrapper input{width:100%;padding:.75rem 1rem .75rem 2.5rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.9375rem;font-family:var(--font-sans);transition:border-color .2s,box-shadow .2s;outline:none}.input-wrapper input::placeholder{color:#64748b}.input-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.form-error{display:flex;align-items:center;gap:6px;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:#fca5a5;font-size:.8125rem}.auth-submit{width:100%;padding:.875rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-top:.5rem}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{display:flex;align-items:center;margin:1.25rem 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{padding:0 1rem;color:var(--color-text-secondary);font-size:.8125rem}.auth-social{display:flex;flex-direction:column;gap:.625rem}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:.75rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.social-btn:hover{background:#3b4555}.auth-footer{text-align:center;margin-top:1.25rem;color:var(--color-text-secondary);font-size:.875rem}.auth-footer a{color:var(--color-primary);text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}.auth-terms{text-align:center;color:#64748b;font-size:.75rem;margin-top:1.5rem}.auth-terms a{color:var(--color-text-secondary);text-decoration:underline;text-underline-offset:2px}.auth-terms a:hover{color:var(--color-text-primary)}@media (max-width: 480px){.auth-card{padding:1.5rem}.auth-header h1{font-size:1.25rem}}.user-page{max-width:1100px;margin:0 auto;padding:2rem 1.5rem}.user-nav{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:.75rem}.nav-item{padding:.5rem 1.25rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s}.nav-item:hover{color:var(--color-text-primary);background:#ffffff0d}.nav-item.active{color:var(--color-primary);background:#3b82f61a}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem;text-align:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{font-size:1.5rem;margin-bottom:.5rem}.stat-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.cta-card{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg);padding:2rem;text-align:center;margin-bottom:2rem}.cta-card h2{font-size:1.25rem;margin-bottom:.5rem;color:var(--color-text-primary)}.cta-card p{color:var(--color-text-secondary);margin-bottom:1rem;font-size:.875rem}.cta-btn{display:inline-block;padding:.75rem 2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;font-size:.9375rem;transition:transform .15s,box-shadow .15s}.cta-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.section-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem}.section-card h2{font-size:1.125rem;margin-bottom:1rem;color:var(--color-text-primary)}.empty-state{text-align:center;padding:3rem 1rem}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-state p{color:var(--color-text-secondary);margin-bottom:1rem}.empty-link{color:var(--color-primary);text-decoration:none;font-weight:600}.empty-link:hover{text-decoration:underline}.keys-list{display:flex;flex-direction:column;gap:.75rem}.key-row{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:var(--color-bg-input);border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:1rem;flex-wrap:wrap}.key-info{display:flex;flex-direction:column;gap:.25rem}.key-model{font-weight:600;color:var(--color-text-primary);font-size:.875rem}.key-tokens{font-size:.75rem;color:var(--color-text-secondary)}.key-value{display:flex;align-items:center;gap:.75rem}.key-value code{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem;color:var(--color-accent);background:#8b5cf61a;padding:.25rem .5rem;border-radius:4px}.copy-btn{padding:.375rem .75rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.key-status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.key-status[data-status=active],.key-status[data-status=completed]{background:#10b98126;color:#10b981}.key-status[data-status=pending]{background:#f59e0b26;color:#f59e0b}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table th{text-align:left;padding:.75rem;color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.data-table td{padding:.75rem;border-bottom:1px solid rgba(51,65,85,.3);color:var(--color-text-primary)}.data-table tr:hover td{background:#ffffff05}.mono{font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.muted{color:var(--color-text-secondary);font-size:.8125rem}.price{color:var(--color-primary);font-weight:600}.positive{color:#10b981;font-weight:600}.negative{color:#ef4444;font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot[data-status=completed]{background:#10b981}.status-dot[data-status=pending]{background:#f59e0b}.status-dot[data-status=cancelled]{background:#ef4444}.balance-card{background:linear-gradient(135deg,#1e293b,#1a1f35);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;text-align:center;margin-bottom:2rem}.balance-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.balance-amount{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.topup-section{margin-bottom:2rem}.topup-section h3{font-size:1rem;color:var(--color-text-primary);margin-bottom:1rem}.topup-presets{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.topup-preset{padding:.5rem 1.25rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:.875rem;transition:all .2s}.topup-preset:hover{border-color:var(--color-primary);color:var(--color-primary)}.topup-preset.active{background:#3b82f626;border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.topup-input-row{display:flex;gap:.75rem;align-items:center}.topup-input-row input{flex:1;padding:.75rem 1rem;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:1rem;font-family:var(--font-sans);outline:none;max-width:200px}.topup-input-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f626}.topup-btn{padding:.75rem 2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .15s}.topup-btn:hover{transform:translateY(-1px)}.toast{padding:.875rem 1.25rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-sm);color:#6ee7b7;text-align:center;margin-bottom:1rem;font-size:.875rem;animation:fadeDown .3s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.shop-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.shop-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.shop-icon{font-size:2rem;margin-bottom:.75rem}.shop-card h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.shop-model{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.5rem}.shop-tokens{font-size:.8125rem;color:var(--color-text-secondary);margin-bottom:.75rem}.shop-price{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:1rem}.shop-btn{width:100%;padding:.625rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .15s}.shop-btn:hover{transform:translateY(-1px)}.paypal-container{margin-top:1rem;min-height:150px}.paypal-btn{width:100%;padding:.75rem;background:#ffc439;color:#111;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .15s,box-shadow .15s}.paypal-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ffc43966}.checkout-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem;max-width:500px;margin:0 auto}.checkout-card h1{font-size:1.5rem;margin-bottom:1.5rem;text-align:center}.checkout-details{background:var(--color-bg-input);border-radius:var(--radius-md);padding:1.25rem;margin-bottom:1.5rem}.checkout-row{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(51,65,85,.3);font-size:.875rem}.checkout-row:last-child{border-bottom:none}.checkout-row span:first-child{color:var(--color-text-secondary)}.checkout-row.total{font-size:1.125rem;border-top:1px solid var(--color-border);padding-top:.75rem;margin-top:.5rem}.checkout-row.total strong{color:var(--color-primary)}.checkout-actions{text-align:center}.pay-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:1rem 2rem;border-radius:var(--radius-sm);font-size:1.125rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;cursor:pointer}.paypal-big{background:#ffc439;color:#111;width:100%}.paypal-big:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffc43980}.checkout-note{font-size:.75rem;color:var(--color-text-secondary);margin-top:1rem;line-height:1.6}.success-card{background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;margin-bottom:2rem}.success-icon{font-size:4rem;display:block;margin-bottom:1rem}.success-card h2{font-size:1.5rem;margin-bottom:.75rem}.success-card p{color:var(--color-text-secondary);margin-bottom:1.5rem}.orders-section h2{margin-bottom:1rem}.page-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.pricing-page{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.pricing-hero{text-align:center;margin-bottom:3rem}.pricing-hero h1{font-size:2.5rem;font-weight:800;margin-bottom:.75rem}.pricing-hero p{font-size:1.125rem;color:var(--color-text-secondary)}.pricing-tier{margin-bottom:3rem}.tier-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.tier-icon{font-size:1.5rem}.tier-header h2{font-size:1.25rem;font-weight:700;color:var(--color-text-primary)}.tier-divider{flex:1;height:1px;border-bottom:1px solid;margin-left:.5rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.pricing-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem 1.5rem;text-align:center;transition:transform .2s,box-shadow .2s}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:var(--color-primary)}.card-model-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.pricing-card h3{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.card-tokens{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.card-price{margin-bottom:1.25rem}.price-symbol{font-size:1.25rem;color:var(--color-primary);vertical-align:top}.price-amount{font-size:2.5rem;font-weight:800;color:var(--color-text-primary)}.card-features{list-style:none;text-align:left;margin-bottom:1.5rem}.card-features li{padding:.375rem 0;font-size:.8125rem;color:var(--color-text-secondary)}.card-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s}.card-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f666}.pricing-faq h2{text-align:center;font-size:1.5rem;margin-bottom:2rem}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.faq-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.25rem}.faq-item h3{font-size:.9375rem;font-weight:600;margin-bottom:.5rem;color:var(--color-text-primary)}.faq-item p{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.6}.transactions-section{margin-top:2rem}.transactions-section h3{font-size:1rem;margin-bottom:1rem;color:var(--color-text-primary)}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.faq-grid,.pricing-grid{grid-template-columns:1fr}.shop-grid{grid-template-columns:repeat(2,1fr)}.key-row{flex-direction:column;align-items:flex-start}.pricing-hero h1{font-size:1.75rem}.balance-amount{font-size:2rem}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr 1fr}.shop-grid{grid-template-columns:1fr}.topup-presets{gap:.375rem}.topup-preset{padding:.4rem .75rem;font-size:.75rem}.user-nav{overflow-x:auto}}.counter{font-size:16px;padding:5px 10px;border-radius:5px;color:var(--accent);background:var(--accent-bg);border:2px solid transparent;transition:border-color .3s;margin-bottom:24px}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}@media (max-width: 1024px){#center{padding:32px 20px 24px;gap:18px}}#next-steps{display:flex;border-top:1px solid var(--border);text-align:left}#next-steps>div{flex:1 1 0;padding:32px}@media (max-width: 1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{margin-bottom:16px;width:22px;height:22px}@media (max-width: 1024px){#next-steps{flex-direction:column;text-align:center}}#docs{border-right:1px solid var(--border)}@media (max-width: 1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{list-style:none;padding:0;display:flex;gap:8px;margin:32px 0 0}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);font-size:16px;border-radius:6px;background:var(--social-bg);display:flex;padding:6px 12px;align-items:center;gap:8px;text-decoration:none;transition:box-shadow .3s}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{height:18px;width:18px}@media (max-width: 1024px){#next-steps ul{margin-top:20px;flex-wrap:wrap;justify-content:center}#next-steps ul li{flex:1 1 calc(50% - 8px)}#next-steps ul a{width:100%;justify-content:center;box-sizing:border-box}}#spacer{height:88px;border-top:1px solid var(--border)}@media (max-width: 1024px){#spacer{height:48px}}.ticks{position:relative;width:100%}.ticks:before,.ticks:after{content:"";position:absolute;top:-4.5px;border:5px solid transparent}.ticks:before{left:0;border-left-color:var(--border)}.ticks:after{right:0;border-right-color:var(--border)}.admin-layout{display:flex;min-height:100vh;background:#0b1121}.admin-sidebar{width:240px;background:#0f172afa;border-right:1px solid rgba(51,65,85,.3);padding:20px 0;display:flex;flex-direction:column;transition:width .3s}.admin-sidebar.collapsed{width:64px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 20px 24px;border-bottom:1px solid rgba(51,65,85,.2);margin-bottom:16px}.sidebar-brand svg{flex-shrink:0}.sidebar-brand span{font-size:18px;font-weight:700;white-space:nowrap}.sidebar-toggle{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:18px;padding:4px;margin-left:auto}.sidebar-nav{flex:1;padding:0 12px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--color-text-secondary);text-decoration:none;font-size:14px;transition:all .2s;margin-bottom:2px;white-space:nowrap;overflow:hidden}.sidebar-nav a:hover{background:#3b82f61a;color:var(--color-text-primary)}.sidebar-nav a.active{background:#3b82f626;color:var(--color-primary);font-weight:600}.sidebar-nav .nav-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.collapsed .sidebar-nav a span:not(.nav-icon){display:none}.collapsed .sidebar-brand span{display:none}.sidebar-footer{padding:16px 20px;border-top:1px solid rgba(51,65,85,.2);font-size:13px;color:var(--color-text-secondary)}.admin-main{flex:1;overflow-y:auto;padding:0}.admin-header{background:#0b1121f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 32px;border-bottom:1px solid rgba(51,65,85,.2);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.admin-header h1{font-size:22px;font-weight:700}.admin-header-right{display:flex;align-items:center;gap:16px}.balance-badge{background:#10b9811a;color:var(--color-success);padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;border:1px solid rgba(16,185,129,.2)}.btn-logout{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2);padding:8px 16px;border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef444433}.admin-content{padding:28px 32px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat-card{background:linear-gradient(135deg,#1e293bcc,#1e293b66);border:1px solid rgba(51,65,85,.3);border-radius:var(--radius-lg);padding:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:0 0 0 80px;opacity:.1}.stat-card.sales:before{background:var(--color-primary)}.stat-card.orders:before{background:var(--color-accent)}.stat-card.agents:before{background:var(--color-success)}.stat-card.products:before{background:var(--color-warning)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.stat-label{font-size:13px;color:var(--color-text-secondary);margin-bottom:10px}.stat-value{font-size:32px;font-weight:800;margin-bottom:8px;font-variant-numeric:tabular-nums}.stat-change{font-size:13px;display:flex;align-items:center;gap:4px}.stat-change.up{color:var(--color-success)}.stat-change.down{color:var(--color-danger)}.chart-section{background:#1e293b80;border:1px solid rgba(51,65,85,.3);border-radius:var(--radius-lg);padding:24px;margin-bottom:28px}.chart-section h3{font-size:16px;margin-bottom:20px}.chart-bars{display:flex;align-items:flex-end;gap:12px;height:180px;padding:0 4px}.chart-bar-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--color-primary),rgba(59,130,246,.2));border-radius:4px 4px 0 0;transition:height .5s;min-height:4px}.chart-bar-label{font-size:11px;color:var(--color-text-secondary)}.table-section{background:#1e293b80;border:1px solid rgba(51,65,85,.3);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:28px}.table-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(51,65,85,.2)}.table-header h3{font-size:16px}table{width:100%;border-collapse:collapse}th,td{padding:12px 24px;text-align:left;font-size:14px;border-bottom:1px solid rgba(51,65,85,.15)}th{color:var(--color-text-secondary);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:#0f172a80}tr:hover td{background:#3b82f60a}tr:last-child td{border-bottom:none}.status-badge{padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-pending{background:#f59e0b26;color:var(--color-warning)}.status-paid{background:#3b82f626;color:var(--color-primary)}.status-completed{background:#10b98126;color:var(--color-success)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.admin-sidebar{width:64px}.admin-sidebar .sidebar-brand span,.admin-sidebar .sidebar-nav a span:not(.nav-icon){display:none}.admin-header{padding:12px 16px}.admin-content{padding:16px}.stats-grid{grid-template-columns:1fr}.chart-bars{height:120px}table{display:block;overflow-x:auto}}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);font-size:24px;cursor:pointer;padding:4px 8px}@media (max-width: 768px){.mobile-menu-btn{display:block}.landing-nav{padding:12px 16px}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;right:0;background:#0f172afa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px;border-bottom:1px solid var(--color-border-light);gap:12px}.admin-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;transform:translate(-100%);transition:transform .3s}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:199}.sidebar-overlay.show{display:block}.hero h1{font-size:28px}.hero p{font-size:15px}.features,.models-grid{grid-template-columns:1fr}.admin-content{padding:12px}.admin-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.stats-grid{grid-template-columns:1fr}.chart-bars{height:100px;gap:6px}.chart-bar-label{font-size:9px}th,td{padding:8px 12px;font-size:13px}}.pricing-page{min-height:100vh;background:var(--color-bg-dark);padding:80px 24px}.pricing-header{text-align:center;margin-bottom:60px}.pricing-header h1{font-size:42px;font-weight:800;margin-bottom:16px;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.pricing-header p{font-size:18px;color:var(--color-text-secondary)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto 80px}.plan-card{background:#1e293b99;border:1px solid rgba(51,65,85,.3);border-radius:var(--radius-lg);padding:32px;position:relative;transition:transform .2s,box-shadow .2s}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.plan-card.popular{border-color:var(--color-primary);background:#3b82f614}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gradient-primary);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700}.plan-name{font-size:20px;font-weight:700;margin-bottom:12px}.plan-price{margin-bottom:8px}.plan-price .currency{font-size:24px;font-weight:600;vertical-align:top;color:var(--color-text-primary)}.plan-price .amount{font-size:56px;font-weight:800;color:var(--color-text-primary)}.plan-tokens{font-size:16px;color:var(--color-primary);font-weight:600;margin-bottom:12px}.plan-desc{font-size:14px;color:var(--color-text-secondary);margin-bottom:24px}.plan-features{list-style:none;padding:0;margin:0 0 32px}.plan-features li{padding:8px 0;font-size:14px;color:var(--color-text-secondary);border-bottom:1px solid rgba(51,65,85,.15)}.plan-features li:last-child{border-bottom:none}.plan-btn{width:100%;padding:14px;border-radius:var(--radius-md);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.pricing-faq{max-width:800px;margin:0 auto}.pricing-faq h2{text-align:center;font-size:28px;margin-bottom:40px}.faq-grid{display:grid;gap:20px}.faq-item{background:#1e293b66;border:1px solid rgba(51,65,85,.2);border-radius:var(--radius-md);padding:24px}.faq-item h3{font-size:16px;margin-bottom:8px;color:var(--color-text-primary)}.faq-item p{font-size:14px;color:var(--color-text-secondary);line-height:1.6}@media (max-width: 900px){.plans-grid{grid-template-columns:1fr;max-width:400px}}.dashboard-page{min-height:100vh;background:var(--color-bg-dark);padding:80px 24px;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header h1{font-size:32px;font-weight:800}.dashboard-section{margin-bottom:40px}.dashboard-section h2{font-size:20px;margin-bottom:16px;color:var(--color-text-primary)}.keys-table{display:flex;flex-direction:column;gap:12px}.key-row{background:#1e293b80;border:1px solid rgba(51,65,85,.2);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:16px}.key-info{flex:1}.key-name{display:block;font-weight:600;font-size:14px}.key-tokens{font-size:12px;color:var(--color-text-secondary)}.key-value{flex:2;display:flex;align-items:center;gap:12px}.key-value code{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--color-primary);background:#3b82f61a;padding:4px 8px;border-radius:4px}.copy-btn{background:#3b82f626;color:var(--color-primary);border:1px solid rgba(59,130,246,.3);padding:6px 12px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#3b82f640}.key-status{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.key-status.active{background:#10b98126;color:var(--color-success)}.key-status.used{background:#f59e0b26;color:var(--color-warning)}.orders-table{width:100%;border-collapse:collapse;background:#1e293b80;border-radius:var(--radius-md);overflow:hidden}.orders-table th{background:#0f172a80;color:var(--color-text-secondary);font-size:12px;text-transform:uppercase;padding:12px 16px}.orders-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid rgba(51,65,85,.15)}.empty-state{text-align:center;padding:48px;background:#1e293b4d;border-radius:var(--radius-md)}.empty-state p{color:var(--color-text-secondary);margin-bottom:16px}.empty-text{color:var(--color-text-secondary)}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.key-row{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:repeat(2,1fr)}}