:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border-color: #334155;--border-radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700}.logo-icon{font-size:1.5rem}.nav{display:flex;gap:1rem}.nav-link{background:none;border:none;color:var(--text-secondary);padding:.5rem 1rem;font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s;text-decoration:none}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link.active{color:var(--accent-primary);background:#3b82f61a}.main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.main.main-full{max-width:100%;padding:0}.pricing-page{padding:2rem 0}.pricing-header{text-align:center;margin-bottom:3rem}.pricing-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.pricing-header p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}.duration-selector{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.duration-options{display:flex;gap:.5rem;background:var(--bg-secondary);padding:.25rem;border-radius:10px}.duration-option{background:none;border:none;color:var(--text-secondary);padding:.75rem 1.5rem;font-size:.9rem;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:.5rem}.duration-option:hover{color:var(--text-primary)}.duration-option.selected{background:var(--accent-primary);color:#fff}.discount-tag{background:var(--success);color:#fff;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;font-weight:600}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all .2s;position:relative}.pricing-card:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.pricing-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f64d}.pricing-card.highlighted{border-color:var(--accent-secondary);background:linear-gradient(180deg,rgba(139,92,246,.1),transparent)}.pricing-card .badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600}.plan-name{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.plan-description{color:var(--text-secondary);margin-bottom:1.5rem}.price-section{margin-bottom:1rem}.price{font-size:2.5rem;font-weight:700}.period{color:var(--text-muted);font-size:1rem}.discount-badge{display:inline-block;background:#10b98133;color:var(--success);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:.5rem}.total-price{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem}.features{list-style:none;margin-bottom:2rem}.features li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:var(--text-secondary)}.check-icon{width:20px;height:20px;color:var(--success);flex-shrink:0}.checkout-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.checkout-summary{color:var(--text-secondary)}.connect-prompt{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:#2563eb}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-hover);border-color:var(--text-muted)}.btn-sm{padding:.4rem .75rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-full{width:100%}.wallet-connected{display:flex;align-items:center;gap:.75rem}.wallet-address{color:var(--text-secondary);font-family:monospace;font-size:.9rem}.payment-flow{max-width:500px;margin:2rem auto;background:var(--bg-card);border-radius:var(--border-radius);padding:2rem}.payment-flow h3{font-size:1.5rem;margin-bottom:1.5rem}.token-options{display:flex;gap:1rem;margin-bottom:2rem}.token-option{flex:1;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;padding:1rem;cursor:pointer;transition:all .2s;color:var(--text-primary);text-align:center}.token-option:hover{border-color:var(--accent-primary)}.token-option.selected{border-color:var(--accent-primary);background:#3b82f61a}.token-name{display:block;font-weight:600;font-size:1.1rem;color:var(--text-primary)}.token-ticker{display:block;color:var(--text-muted);font-size:.85rem;margin-top:.25rem}.payment-summary{background:var(--bg-secondary);border-radius:10px;padding:1rem;margin-bottom:2rem}.summary-row{display:flex;justify-content:space-between;padding:.5rem 0}.summary-row.discount{color:var(--success)}.summary-row.total{border-top:1px solid var(--border-color);margin-top:.5rem;padding-top:1rem;font-weight:600;font-size:1.1rem}.button-group{display:flex;gap:1rem}.button-group .btn{flex:1}.processing-state,.success-state,.error-state{text-align:center;padding:2rem}.spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}@keyframes spin{to{transform:rotate(360deg)}}.success-icon{width:64px;height:64px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.error-icon{width:64px;height:64px;background:var(--error);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem}.dashboard{max-width:800px;margin:0 auto}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.status-badge{padding:.4rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.status-badge.active{background:#10b98133;color:var(--success)}.status-badge.expired{background:#ef444433;color:var(--error)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.card h3{font-size:1rem;color:var(--text-muted);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.api-key-display{display:flex;align-items:center;gap:1rem;background:var(--bg-secondary);padding:1rem;border-radius:8px;margin-bottom:1rem}.api-key-display code{flex:1;font-family:monospace;font-size:.9rem;word-break:break-all}.api-key-actions{display:flex;gap:.5rem}.api-key-hint{color:var(--text-muted);font-size:.85rem}.api-key-hint code{background:var(--bg-hover);padding:.15rem .4rem;border-radius:4px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item .label{color:var(--text-muted);font-size:.85rem}.info-item .value{font-size:1.1rem;font-weight:500}.info-item .value.warning{color:var(--warning)}.usage-stats{display:flex;flex-direction:column;gap:1.5rem}.usage-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-bar{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress{height:100%;background:var(--accent-primary);border-radius:4px;transition:width .3s}.promo-subscriptions-card h3{margin-bottom:1rem}.promo-list{display:flex;flex-direction:column;gap:1rem}.promo-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.25rem;transition:border-color .2s}.promo-item.featured{border-color:var(--accent-secondary);background:linear-gradient(135deg,#8b5cf61a,#3b82f60d)}.promo-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.promo-ticker{font-weight:700;font-size:1.1rem;color:var(--text-primary);font-family:Monaco,Menlo,monospace}.promo-plan-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.promo-plan-badge.standard{background:#3b82f633;color:var(--accent-primary)}.promo-plan-badge.featured{background:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));color:#fff}.promo-item-details{display:flex;gap:2rem}.promo-detail{display:flex;flex-direction:column;gap:.25rem}.promo-detail .label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.promo-detail .value{font-size:.9rem;color:var(--text-primary)}.promo-detail .value.warning{color:var(--warning-color)}.dashboard-actions{text-align:center;margin-top:2rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h2{margin-bottom:1rem}.empty-state p{color:var(--text-secondary);margin-bottom:2rem}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:2rem;display:flex;align-items:center;justify-content:space-between}.footer-content p{color:var(--text-muted)}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-link-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:inherit;font-family:inherit;padding:0;transition:color .2s}.footer-link-btn:hover{color:var(--text-primary)}.docs-page{padding:0;max-width:100%;margin:0}.docs-container{display:flex;gap:2rem;max-width:1400px;margin:0 auto;min-height:calc(100vh - 200px)}.docs-sidebar{width:240px;flex-shrink:0;padding:1rem 0;position:sticky;top:80px;height:fit-content}.docs-sidebar h3{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:1rem;padding:0 1rem}.docs-sidebar ul{list-style:none}.docs-sidebar li{margin-bottom:.25rem}.docs-sidebar button{width:100%;text-align:left;background:none;border:none;color:var(--text-secondary);padding:.75rem 1rem;font-size:.95rem;cursor:pointer;border-radius:8px;transition:all .2s}.docs-sidebar button:hover{background:var(--bg-hover);color:var(--text-primary)}.docs-sidebar button.active{background:#3b82f61a;color:var(--accent-primary);font-weight:500}.docs-content{flex:1;min-width:0;padding:1rem 2rem 4rem;border-left:1px solid var(--border-color)}.docs-content section{max-width:900px}.docs-content h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.docs-content h2{font-size:1.4rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:var(--text-primary);padding-top:1rem;border-top:1px solid var(--border-color)}.docs-content h2:first-of-type{border-top:none;margin-top:1.5rem}.docs-content h3{font-size:1.1rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem;color:var(--text-primary)}.docs-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.docs-content ul,.docs-content ol{color:var(--text-secondary);margin-bottom:1rem;padding-left:1.5rem}.docs-content li{margin-bottom:.5rem;line-height:1.6}.docs-content code{background:var(--bg-hover);padding:.15rem .4rem;border-radius:4px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.85em}.feature-list{list-style:none;padding-left:0}.feature-list li{position:relative;padding-left:1.75rem}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.docs-table{width:100%;border-collapse:collapse;margin-bottom:1.5rem;font-size:.9rem}.docs-table th,.docs-table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.docs-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.docs-table td{color:var(--text-secondary)}.docs-table td code{background:var(--bg-hover);padding:.2rem .5rem;border-radius:4px;font-size:.85em}.docs-table tbody tr:hover{background:#3b82f60d}.code-block{position:relative;background:#0d1117;border:1px solid var(--border-color);border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.code-block pre{padding:1rem 1.25rem;overflow-x:auto;margin:0}.code-block code{background:none;padding:0;color:#e6edf3;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.6;display:block;white-space:pre}.code-language{position:absolute;top:0;right:50px;background:var(--bg-hover);color:var(--text-muted);padding:.25rem .75rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.copy-btn{position:absolute;top:8px;right:8px;background:var(--bg-hover);border:none;color:var(--text-secondary);padding:.35rem .75rem;font-size:.75rem;border-radius:4px;cursor:pointer;transition:all .2s}.copy-btn:hover{background:var(--accent-primary);color:#fff}.endpoint-box{display:inline-flex;align-items:center;gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.endpoint-box .method{background:var(--success);color:#fff;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase}.endpoint-box .method.post{background:var(--accent-primary)}.endpoint-box .method.put{background:var(--warning)}.endpoint-box .method.delete{background:var(--error)}.endpoint-box code{background:none;padding:0;font-size:.95rem;color:var(--text-primary)}.warning-box{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-left:4px solid var(--warning);border-radius:8px;padding:1rem 1.25rem;margin:1.5rem 0;color:var(--text-secondary)}.warning-box strong{color:var(--warning)}.plan-note{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-left:4px solid var(--accent-secondary);border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem}.plan-note strong{color:var(--accent-secondary)}@media (max-width: 768px){.header-content{flex-wrap:wrap}.nav{order:3;width:100%;justify-content:center}.pricing-grid{grid-template-columns:1fr}.checkout-bar{flex-direction:column;text-align:center}.info-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:1rem;text-align:center}.docs-container{flex-direction:column}.docs-sidebar{width:100%;position:static;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.docs-sidebar ul{display:flex;flex-wrap:wrap;gap:.5rem}.docs-sidebar li{margin-bottom:0}.docs-sidebar button{padding:.5rem .75rem;font-size:.85rem}.docs-content{border-left:none;padding:1rem}}.pricing-tabs{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;background:var(--bg-secondary);padding:.5rem;border-radius:12px;max-width:400px;margin-left:auto;margin-right:auto}.pricing-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:none;border:none;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s}.pricing-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.pricing-tab.active{background:var(--accent-primary);color:#fff}.tab-icon{font-size:1.1rem}.promo-pricing{padding:2rem 0}.promo-pricing-loading,.promo-pricing-error{text-align:center;padding:4rem 2rem}.availability-info{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem;flex-wrap:wrap}.availability-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.5rem;text-align:center;min-width:150px}.availability-card .label{display:block;color:var(--text-muted);font-size:.85rem;margin-bottom:.5rem}.availability-card .value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.availability-card.featured{border-color:var(--accent-secondary)}.availability-card.featured .value{color:var(--accent-secondary)}.availability-card.wallet{border-color:var(--accent-primary)}.availability-card.wallet .value{color:var(--accent-primary)}.no-slots-warning,.wallet-limit-warning{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-left:4px solid var(--error);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;text-align:center;color:var(--text-secondary)}.promo-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.promo-plan-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;cursor:pointer;transition:all .2s;position:relative}.promo-plan-card:hover:not(.disabled){border-color:var(--accent-primary);transform:translateY(-4px)}.promo-plan-card.selected{border-color:var(--accent-primary);box-shadow:0 0 0 2px #3b82f64d}.promo-plan-card.featured{border-color:var(--accent-secondary);background:linear-gradient(180deg,rgba(139,92,246,.1),transparent)}.promo-plan-card.featured.selected{border-color:var(--accent-secondary);box-shadow:0 0 0 2px #8b5cf64d}.promo-plan-card.disabled{opacity:.6;cursor:not-allowed}.promo-plan-card .badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:#fff;padding:.25rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600}.sold-out-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:var(--error);padding:.5rem 1.5rem;border-radius:8px;font-weight:600;font-size:1.1rem}.token-selection{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.token-selection h3{text-align:center;margin-bottom:.5rem}.token-input-hint{text-align:center;color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.ticker-input-group{display:flex;gap:.75rem;max-width:450px;margin:0 auto}.ticker-input{flex:1;padding:.875rem 1rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:1rem;font-family:monospace;text-transform:uppercase;letter-spacing:.5px}.ticker-input:focus{outline:none;border-color:var(--accent-primary)}.ticker-input::placeholder{color:var(--text-muted);text-transform:none}.ticker-input.error{border-color:var(--error)}.ticker-input.valid{border-color:var(--positive-color)}.validate-btn{white-space:nowrap;min-width:100px}.ticker-error{text-align:center;color:var(--error);font-size:.9rem;margin-top:.75rem}.token-validated{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:8px;max-width:450px;margin-left:auto;margin-right:auto}.validated-icon{color:var(--positive-color);font-size:1.1rem;font-weight:700}.validated-text{color:var(--text-secondary);font-size:.95rem}.promo-header{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem}.promo-header-info{display:flex;flex-direction:column;gap:.15rem}.promo-header-name{font-weight:600;font-size:1.1rem;color:var(--text-primary)}.promo-header-ticker{color:var(--text-muted);font-size:.85rem}.promo-header-plan{font-weight:500;color:var(--accent-primary);font-size:.95rem}.featured-badge{background:var(--accent-gradient);color:#fff;padding:.2rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.promo-confirm-token{text-align:center;margin-bottom:1rem;color:var(--text-secondary)}.amount-display{text-align:center;font-size:2rem;font-weight:700;color:var(--text-primary);margin:1rem 0}.memo-note{text-align:center;color:var(--text-muted);font-size:.85rem}.memo-note code{background:var(--bg-hover);padding:.2rem .5rem;border-radius:4px;font-size:.8rem}.expiry-note{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:.5rem}.success-note{color:var(--text-secondary);font-size:.9rem;margin-top:.5rem}.tx-hash{color:var(--text-muted);font-size:.85rem;font-family:monospace;margin-top:1rem}@media (max-width: 768px){.pricing-tabs{max-width:100%}.availability-info{flex-direction:column;align-items:center}.availability-card{width:100%;max-width:300px}.promo-plans-grid{grid-template-columns:1fr}.token-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.promo-header{flex-direction:column;gap:.75rem;text-align:center}.promo-header-plan{font-size:.9rem}}
