:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #dbeafe;--color-primary-bg: #eff6ff;--color-secondary: #7c3aed;--color-secondary-hover: #6d28d9;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-bg-dark: #0f172a;--color-bg-dark-alt: #1e293b;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-success: #10b981;--color-warning: #f59e0b;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", Consolas, monospace;--section-padding: 96px 0;--container-width: 1200px;--container-padding: 0 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-size:15px;font-weight:600;font-family:var(--font-sans);cursor:pointer;border:none;transition:all var(--transition-fast);text-decoration:none;line-height:1}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary-bg);transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-accent:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-lg{padding:16px 32px;font-size:17px;border-radius:var(--radius-lg)}.section{padding:var(--section-padding)}.section-alt{background:var(--color-bg-alt)}.section-dark{background:var(--color-bg-dark);color:#e2e8f0}.section-title{font-size:36px;font-weight:800;text-align:center;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle{font-size:18px;color:var(--color-text-muted);text-align:center;max-width:640px;margin:0 auto 56px}.code-block{background:#1e293b;border-radius:var(--radius-lg);overflow:hidden;font-family:var(--font-mono);font-size:14px;line-height:1.7}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0f172a;border-bottom:1px solid #334155}.code-block-lang{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.code-block-copy{background:transparent;border:1px solid #475569;color:#94a3b8;padding:4px 10px;border-radius:var(--radius-sm);font-size:12px;cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast)}.code-block-copy:hover{background:#334155;color:#e2e8f0}.code-block pre{margin:0;padding:20px;overflow-x:auto;color:#e2e8f0}.code-block code{font-family:inherit}.code-block .kw{color:#c084fc}.code-block .fn{color:#60a5fa}.code-block .str{color:#34d399}.code-block .cmt{color:#64748b}.code-block .tag{color:#f472b6}.code-block .attr{color:#fbbf24}.code-block .num{color:#fb923c}.code-block .op{color:#94a3b8}.code-block .type{color:#38bdf8}.code-block .prop{color:#e2e8f0}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:#d1fae5;color:#059669}@media (max-width: 768px){:root{--section-padding: 64px 0}.section-title{font-size:28px}.section-subtitle{font-size:16px;margin-bottom:40px}}.header.svelte-1elxaub{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:all var(--transition-normal);background:transparent}.header.scrolled.svelte-1elxaub{background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);padding:12px 0}.header-inner.svelte-1elxaub{display:flex;align-items:center;justify-content:space-between;gap:32px}.logo.svelte-1elxaub{display:flex;align-items:center;text-decoration:none}.logo-img.svelte-1elxaub{height:40px;width:auto}.nav.svelte-1elxaub{display:flex;align-items:center;gap:8px}.nav-link.svelte-1elxaub{padding:8px 16px;color:var(--color-text-muted);font-size:15px;font-weight:500;border-radius:var(--radius-sm);transition:color var(--transition-fast);text-decoration:none}.nav-link.svelte-1elxaub:hover{color:var(--color-text)}.header-actions.svelte-1elxaub{display:flex;align-items:center;gap:12px}.btn-header.svelte-1elxaub{padding:10px 20px;font-size:14px}.mobile-toggle.svelte-1elxaub{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}.bar.svelte-1elxaub{width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition-fast)}@media (max-width: 768px){.nav.svelte-1elxaub{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:16px;box-shadow:var(--shadow-lg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.nav.mobile-open.svelte-1elxaub{display:flex}.nav-link.svelte-1elxaub{padding:12px 16px;width:100%}.header-actions.svelte-1elxaub{display:none}.mobile-toggle.svelte-1elxaub{display:flex}}.footer.svelte-jz8lnl{background:var(--color-bg-dark);color:#94a3b8;padding:80px 0 32px}.footer-grid.svelte-jz8lnl{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px}.footer-logo.svelte-jz8lnl{margin-bottom:12px}.logo-img.svelte-jz8lnl{height:36px;width:auto}.footer-col.svelte-jz8lnl{display:flex;flex-direction:column;gap:10px}.footer-col.svelte-jz8lnl h4:where(.svelte-jz8lnl){color:#e2e8f0;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.footer-col.svelte-jz8lnl a:where(.svelte-jz8lnl){color:#64748b;font-size:14px;text-decoration:none;transition:color var(--transition-fast)}.footer-col.svelte-jz8lnl a:where(.svelte-jz8lnl):hover{color:#e2e8f0}.footer-bottom.svelte-jz8lnl{margin-top:56px;padding-top:24px;border-top:1px solid #1e293b;text-align:center;font-size:13px;color:#475569}@media (max-width: 768px){.footer-grid.svelte-jz8lnl{grid-template-columns:1fr 1fr;gap:32px}.footer-brand.svelte-jz8lnl{grid-column:1 / -1}}@media (max-width: 480px){.footer-grid.svelte-jz8lnl{grid-template-columns:1fr}}