body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:#f7f8fa;color:#1f2937;line-height:1.6}.container{max-width:1200px;margin:40px auto;padding:0 20px}h1{font-size:36px;margin-bottom:8px;color:#111827;text-align:center}.subtitle{text-align:center;color:#6b7280;font-size:18px;margin-bottom:48px}.api-products-table-wrap{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 6px 18px #0f172a0a;margin-bottom:64px}.api-products-table{width:100%;border-collapse:collapse;background:#fff}.api-products-table th,.api-products-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #e5e7eb;font-size:14px;vertical-align:top}.api-products-table th{position:sticky;top:0;background:#f8fafc;color:#475569;font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;z-index:1}.api-products-table tbody tr:nth-child(2n) td{background:#fafafa}.api-products-table tr:hover td{background:#eef2ff}.api-products-table .project-name{font-weight:700;color:#111827;margin-bottom:4px}.api-products-table .project-desc{color:#6b7280;font-size:13px;line-height:1.5}.credits-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;background:#e0f2fe;color:#0284c7;font-weight:700;font-size:12px;white-space:nowrap}.table-actions{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;min-width:0}.table-actions a{width:auto;min-width:120px;white-space:nowrap}@media(max-width:768px){.api-products-table thead{display:none}.api-products-table,.api-products-table tbody,.api-products-table tr,.api-products-table td{display:block;width:100%}.api-products-table tr{border-bottom:1px solid #e5e7eb}.api-products-table td{border-bottom:none;padding:12px 16px}.api-products-table td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.table-actions{flex-direction:column;align-items:stretch}}.api-products-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:32px!important;margin-bottom:64px!important}.api-product-card{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;padding:28px!important;position:relative!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;flex-direction:column!important}.api-product-card:hover{transform:translateY(-4px)!important;box-shadow:0 12px 24px #0000001a!important}.api-product-header{text-align:center!important;margin-bottom:16px!important}.api-product-header h2{font-size:22px!important;margin-bottom:0!important;color:#111827!important;font-weight:600!important}.api-product-description{color:#6b7280!important;font-size:14px!important;line-height:1.6!important;margin-bottom:20px!important;text-align:center!important;min-height:42px!important}.api-credits-info{text-align:center!important;margin:0 0 12px!important;padding:10px 16px!important;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)!important;border-radius:8px!important;border:1px solid #bae6fd!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.api-credits-info .credits-label{font-size:12px!important;color:#64748b!important;font-weight:500!important;white-space:nowrap!important}.api-credits-info .credits-value{font-size:20px!important;font-weight:700!important;color:#0284c7!important;white-space:nowrap!important}.credit-packages-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9)!important;border:2px solid #e2e8f0!important;border-radius:16px!important;padding:32px 24px!important;margin-bottom:40px!important;text-align:center!important;box-shadow:0 4px 6px #0000000d!important}.credit-packages-section h3{font-size:20px!important;font-weight:700!important;color:#111827!important;margin:0 0 20px!important;letter-spacing:-.02em!important}.credit-packages-grid{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:16px 24px!important}.credit-package-item{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 2px 4px #0000000a!important;transition:all .2s!important}.credit-package-item:hover{border-color:#3b82f6!important;box-shadow:0 4px 8px #3b82f626!important;transform:translateY(-2px)!important}.package-price{font-size:16px!important;font-weight:700!important;color:#3b82f6!important;white-space:nowrap!important}.package-separator{font-size:14px!important;color:#94a3b8!important;font-weight:500!important}.package-credits{font-size:15px!important;font-weight:600!important;color:#475569!important;white-space:nowrap!important}.credit-packages-note{text-align:center!important;font-size:14px!important;color:#475569!important;margin:0!important;padding:0!important;background:transparent!important;border:none!important;line-height:1.6!important}.api-product-features{list-style:none!important;padding:0!important;margin:0 0 24px!important;flex-grow:1!important}.api-product-features li{padding:6px 0!important;color:#475569!important;font-size:13px!important;line-height:1.5!important}.api-product-features li:before{content:"✓ "!important;color:#10b981!important;font-weight:600!important;margin-right:8px!important}.api-product-actions{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:auto!important}.cta-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:#111827!important;color:#fff!important;padding:8px 14px!important;border-radius:8px!important;text-decoration:none!important;font-weight:600!important;transition:background .2s,transform .2s!important;font-size:14px!important;min-height:34px!important;box-shadow:0 2px 6px #0f172a26!important}.cta-button:hover{background:#0f172a!important;transform:translateY(-1px)!important}.test-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;background:transparent!important;color:#0f172a!important;padding:8px 14px!important;border:1px solid #cbd5f5!important;border-radius:8px!important;text-decoration:none!important;font-weight:600!important;transition:all .2s!important;font-size:14px!important;min-height:34px!important}.test-button:hover{background:#eef2ff!important;border-color:#a5b4fc!important;color:#111827!important}.faq-section{background:#fff;border-radius:12px;padding:40px;margin-top:64px}.faq-section h2{font-size:28px;margin-bottom:32px;color:#111827}.faq-item{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.faq-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item h3{font-size:18px;margin-bottom:8px;color:#111827}.faq-item p{color:#6b7280;margin:0}.footer{text-align:center;padding:32px 20px;color:#6b7280;border-top:1px solid #e5e7eb;margin-top:64px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;padding:3rem;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin:2rem 0}.error-state p{color:#991b1b;margin-bottom:1.5rem;font-size:1.125rem}.empty-state{text-align:center;padding:2rem;color:#6b7280}@media(max-width:768px){.api-products-grid{grid-template-columns:1fr!important}h1{font-size:28px}.faq-section{padding:24px}.credit-packages-section{padding:24px 16px!important}.credit-packages-grid{flex-direction:column!important;gap:12px!important}.credit-package-item{width:100%!important;justify-content:center!important;padding:12px 20px!important}.package-price{font-size:18px!important}.package-credits{font-size:16px!important}}