pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{color-scheme:dark;--page-bg: #0a0a0b;--page-bg-secondary: #121214;--page-text: #e4e4e7;--page-text-secondary: #a1a1aa;--page-text-muted: #71717a;--accent: #3b82f6;--accent-hover: #60a5fa;--accent-glow: rgba(59, 130, 246, .25);--card-bg: #18181b;--card-border: #27272a;--card-hover-border: #3b82f6;--hero-gradient-1: rgba(59, 130, 246, .08);--hero-gradient-2: rgba(139, 92, 246, .05);--dialog-bg: #18181b;--dialog-border: #27272a;--dialog-text: #e4e4e7;--dialog-shadow: 0 16px 70px rgba(0, 0, 0, .6);--dialog-shadow-border: rgba(255, 255, 255, .03);--mask-bg: rgba(0, 0, 0, .6);--input-border: #27272a;--input-focus: #3b82f6;--input-placeholder: #71717a;--item-text: #a1a1aa;--item-active-bg: #27272a;--item-active-text: #fff;--item-disabled: .35;--icon-bg: #1f1f23;--shortcut-bg: #1f1f23;--shortcut-text: #52525b;--group-heading: #52525b;--empty-text: #52525b;--loading-text: #52525b;--loading-spinner: #27272a;--loading-spinner-top: #71717a;--separator-from: transparent;--separator-to: #27272a;--scrollbar-thumb: #27272a;--scrollbar-thumb-hover: #3f3f46;--kbd-bg: #18181b;--kbd-border: #27272a;--kbd-text: #a1a1aa;--code-bg: #0f0f13;--code-border: #1f1f23;--table-border: #27272a;--table-hover: #18181b;--navbar-bg: rgba(10, 10, 11, .85);--footer-border: #27272a;--feature-icon-bg: rgba(59, 130, 246, .1);--badge-bg: #18181b;--badge-border: #27272a}[data-theme=light]{color-scheme:light;--page-bg: #fafafa;--page-bg-secondary: #f4f4f5;--page-text: #18181b;--page-text-secondary: #52525b;--page-text-muted: #a1a1aa;--accent: #2563eb;--accent-hover: #3b82f6;--accent-glow: rgba(37, 99, 235, .12);--card-bg: #ffffff;--card-border: #e4e4e7;--card-hover-border: #2563eb;--hero-gradient-1: rgba(37, 99, 235, .06);--hero-gradient-2: rgba(99, 102, 241, .04);--dialog-bg: #ffffff;--dialog-border: #e4e4e7;--dialog-text: #18181b;--dialog-shadow: 0 16px 70px rgba(0, 0, 0, .08);--dialog-shadow-border: rgba(0, 0, 0, .04);--mask-bg: rgba(0, 0, 0, .2);--input-border: #e4e4e7;--input-focus: #2563eb;--input-placeholder: #a1a1aa;--item-text: #52525b;--item-active-bg: #f4f4f5;--item-active-text: #18181b;--item-disabled: .35;--icon-bg: #f4f4f5;--shortcut-bg: #f4f4f5;--shortcut-text: #a1a1aa;--group-heading: #a1a1aa;--empty-text: #a1a1aa;--loading-text: #a1a1aa;--loading-spinner: #e4e4e7;--loading-spinner-top: #71717a;--separator-from: transparent;--separator-to: #e4e4e7;--scrollbar-thumb: #d4d4d8;--scrollbar-thumb-hover: #a1a1aa;--kbd-bg: #f4f4f5;--kbd-border: #d4d4d8;--kbd-text: #52525b;--code-bg: #f4f4f5;--code-border: #e4e4e7;--table-border: #e4e4e7;--table-hover: #fafafa;--navbar-bg: rgba(250, 250, 250, .88);--footer-border: #e4e4e7;--feature-icon-bg: rgba(37, 99, 235, .08);--badge-bg: #ffffff;--badge-border: #e4e4e7}[data-theme=midnight]{color-scheme:dark;--page-bg: #0b0d1a;--page-bg-secondary: #0f1120;--page-text: #c8cce5;--page-text-secondary: #8b8fb0;--page-text-muted: #5c6090;--accent: #6366f1;--accent-hover: #818cf8;--accent-glow: rgba(99, 102, 241, .2);--card-bg: #131528;--card-border: #1e2040;--card-hover-border: #6366f1;--hero-gradient-1: rgba(99, 102, 241, .08);--hero-gradient-2: rgba(139, 92, 246, .05);--dialog-bg: #131528;--dialog-border: #1e2040;--dialog-text: #c8cce5;--dialog-shadow: 0 16px 70px rgba(0, 0, 0, .7);--dialog-shadow-border: rgba(99, 102, 241, .05);--mask-bg: rgba(0, 0, 0, .65);--input-border: #1e2040;--input-focus: #6366f1;--input-placeholder: #5c6090;--item-text: #8b8fb0;--item-active-bg: #1e2040;--item-active-text: #e0e2f8;--item-disabled: .35;--icon-bg: #1a1c38;--shortcut-bg: #1a1c38;--shortcut-text: #5c6090;--group-heading: #5c6090;--empty-text: #5c6090;--loading-text: #5c6090;--loading-spinner: #1e2040;--loading-spinner-top: #6366f1;--separator-from: transparent;--separator-to: #1e2040;--scrollbar-thumb: #1e2040;--scrollbar-thumb-hover: #363878;--kbd-bg: #131528;--kbd-border: #1e2040;--kbd-text: #8b8fb0;--code-bg: #0b0d1a;--code-border: #1e2040;--table-border: #1e2040;--table-hover: #131528;--navbar-bg: rgba(11, 13, 26, .88);--footer-border: #1e2040;--feature-icon-bg: rgba(99, 102, 241, .1);--badge-bg: #131528;--badge-border: #1e2040}[data-theme=cyberpunk]{color-scheme:dark;--page-bg: #0a0a0f;--page-bg-secondary: #0d0d14;--page-text: #e0e0ff;--page-text-secondary: #a0a0d0;--page-text-muted: #6060a0;--accent: #f59e0b;--accent-hover: #fbbf24;--accent-glow: rgba(245, 158, 11, .2);--card-bg: #12121a;--card-border: #2a2a40;--card-hover-border: #f59e0b;--hero-gradient-1: rgba(245, 158, 11, .07);--hero-gradient-2: rgba(236, 72, 153, .04);--dialog-bg: #12121a;--dialog-border: #2a2a40;--dialog-text: #e0e0ff;--dialog-shadow: 0 16px 70px rgba(0, 0, 0, .7);--dialog-shadow-border: rgba(245, 158, 11, .06);--mask-bg: rgba(0, 0, 0, .7);--input-border: #2a2a40;--input-focus: #f59e0b;--input-placeholder: #6060a0;--item-text: #a0a0d0;--item-active-bg: #1e1e30;--item-active-text: #fbbf24;--item-disabled: .35;--icon-bg: #1a1a28;--shortcut-bg: #1a1a28;--shortcut-text: #6060a0;--group-heading: #6060a0;--empty-text: #6060a0;--loading-text: #6060a0;--loading-spinner: #2a2a40;--loading-spinner-top: #f59e0b;--separator-from: transparent;--separator-to: #2a2a40;--scrollbar-thumb: #2a2a40;--scrollbar-thumb-hover: #4444aa;--kbd-bg: #12121a;--kbd-border: #2a2a40;--kbd-text: #a0a0d0;--code-bg: #08080e;--code-border: #2a2a40;--table-border: #2a2a40;--table-hover: #12121a;--navbar-bg: rgba(10, 10, 15, .88);--footer-border: #2a2a40;--feature-icon-bg: rgba(245, 158, 11, .1);--badge-bg: #12121a;--badge-border: #2a2a40}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--page-bg);color:var(--page-text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}code,pre{font-family:JetBrains Mono,Fira Code,monospace}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-hover)}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border)}.navbar-brand{display:flex;align-items:center;gap:8px;cursor:pointer}.navbar-logo{font-size:22px;line-height:1}.navbar-title{font-size:16px;font-weight:700}.navbar-links{display:flex;align-items:center;gap:20px}.navbar-links a{font-size:13px;font-weight:500;color:var(--page-text-secondary)}.navbar-links a:hover{color:var(--page-text)}.nav-gh-link{display:flex;color:var(--page-text-secondary)!important}.nav-gh-link:hover{color:var(--page-text)!important}.hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:100px 24px 80px;text-align:center;overflow:hidden}.hero-bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% -10%,var(--hero-gradient-1),transparent),radial-gradient(ellipse 50% 40% at 80% 60%,var(--hero-gradient-2),transparent)}.hero-content{position:relative;z-index:1;max-width:720px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:500;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:100px;color:var(--page-text-secondary);margin-bottom:28px}.hero-badge-dot{color:var(--page-text-muted)}.hero-badge-version{color:var(--accent);font-weight:600}.hero-title{font-size:clamp(40px,8vw,72px);font-weight:800;line-height:1.1;margin-bottom:16px;letter-spacing:-.03em}.hero-cmd{display:inline-block;background:linear-gradient(135deg,var(--accent),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-right:8px}.hero-name{color:var(--page-text)}.hero-subtitle{font-size:clamp(16px,2.5vw,20px);color:var(--page-text-secondary);margin-bottom:32px;line-height:1.6}.hero-break{display:none}@media(min-width:640px){.hero-break{display:block}}.hero-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;font-size:13px;font-family:inherit;background:var(--kbd-bg);border:1px solid var(--kbd-border);border-bottom-width:2px;border-radius:6px;color:var(--kbd-text);vertical-align:middle}.hero-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:28px}.hero-shortcuts{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--page-text-muted)}.hero-shortcuts span{display:flex;align-items:center;gap:6px}.hero-shortcuts kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;font-size:11px;font-family:inherit;background:var(--kbd-bg);border:1px solid var(--kbd-border);border-bottom-width:2px;border-radius:5px;color:var(--kbd-text)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;font-family:inherit;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 0 30px var(--accent-glow)}.btn-outline{background:transparent;color:var(--page-text);border-color:var(--card-border)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--feature-icon-bg)}.btn-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;font-size:10px;font-family:inherit;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-bottom-width:2px;border-radius:4px;color:#fffc}.section{padding:80px 24px;max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-title{font-size:clamp(28px,4vw,36px);font-weight:800;letter-spacing:-.02em;margin-bottom:10px}.section-desc{font-size:16px;color:var(--page-text-secondary);max-width:540px;margin:0 auto}.section-desc kbd{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 6px;font-size:11px;font-family:inherit;background:var(--kbd-bg);border:1px solid var(--kbd-border);border-bottom-width:2px;border-radius:5px;color:var(--kbd-text);vertical-align:middle}.theme-picker{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.theme-picker-label{font-size:13px;font-weight:500;color:var(--page-text-muted);margin-right:4px}.theme-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;font-family:inherit;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--page-text-secondary);cursor:pointer;transition:all .15s}.theme-btn:hover{border-color:var(--accent);color:var(--page-text)}.theme-btn.active{border-color:var(--accent);background:var(--feature-icon-bg);color:var(--accent)}.theme-btn-icon{font-size:16px;line-height:1}.theme-btn-label{line-height:1}.demo-box{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:48px 24px;text-align:center}.demo-box-preview{margin-bottom:20px}.demo-box-info{font-size:14px;color:var(--page-text-muted);line-height:1.7}.demo-box-info p{margin-bottom:4px}.demo-box-tip{font-size:13px;color:var(--page-text-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;transition:all .2s ease}.feature-card:hover{border-color:var(--card-hover-border);transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.feature-icon{font-size:28px;margin-bottom:14px;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:var(--feature-icon-bg)}.feature-card h3{font-size:16px;font-weight:700;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--page-text-secondary);line-height:1.6}.feature-card code{font-size:12px;color:var(--accent);background:var(--feature-icon-bg);padding:1px 5px;border-radius:4px}.code-section{margin-bottom:32px}.code-section-title{font-size:16px;font-weight:600;margin-bottom:12px}.code-block{background:var(--code-bg)!important;border:1px solid var(--code-border)!important;border-radius:10px!important;padding:20px 24px!important;overflow-x:auto;font-size:13.5px;line-height:1.6;-moz-tab-size:2;tab-size:2}.comparison-table-wrap{overflow-x:auto;border:1px solid var(--table-border);border-radius:12px}.comparison-table{width:100%;border-collapse:collapse;font-size:13px}.comparison-table th{padding:14px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--page-text-muted);background:var(--page-bg-secondary);border-bottom:1px solid var(--table-border)}.comparison-table td{padding:12px 16px;border-bottom:1px solid var(--table-border);vertical-align:middle}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tbody tr:hover{background:var(--table-hover)}.col-react,.col-vue{text-align:center!important;width:80px}.col-status{text-align:center!important;width:100px}.td-feat{font-weight:500}.td-react,.td-vue{text-align:center;font-size:16px}.td-status{text-align:center}.status-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:capitalize;white-space:nowrap}.status-badge.done{background:#22c55e1f;color:#22c55e}.status-badge.planned{background:#3b82f61f;color:#60a5fa}.status-badge.future{background:#71717a1f;color:var(--page-text-muted)}.status-badge.bonus{background:#eab3081f;color:#eab308}.api-table-wrap{margin-bottom:32px}.api-section-title{font-size:18px;font-weight:700;margin-bottom:14px}.api-table{width:100%;border-collapse:collapse;font-size:14px;border:1px solid var(--table-border);border-radius:12px;overflow:hidden}.api-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--page-text-muted);background:var(--page-bg-secondary);border-bottom:1px solid var(--table-border)}.api-table td{padding:12px 16px;border-bottom:1px solid var(--table-border)}.api-table tr:last-child td{border-bottom:none}.api-table code{font-size:12.5px;background:var(--feature-icon-bg);padding:2px 6px;border-radius:4px;color:var(--accent)}.footer{border-top:1px solid var(--footer-border);padding:40px 24px;text-align:center}.footer-content{max-width:500px;margin:0 auto}.footer-brand{display:flex;align-items:center;justify-content:center;gap:6px;font-size:18px;font-weight:700;margin-bottom:12px}.footer-logo{font-size:24px;line-height:1}.footer-text{font-size:14px;color:var(--page-text-muted);line-height:1.6;margin-bottom:16px}.footer-links{font-size:13px;color:var(--page-text-muted)}.footer-links a{font-weight:500}.footer-dot{margin:0 8px;opacity:.4}[data-cmdk-dialog]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}[data-cmdk-dialog-mask]{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mask-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}[data-cmdk-dialog-wrapper]{position:fixed;top:15vh;left:50%;transform:translate(-50%);width:min(640px,calc(100vw - 32px));max-height:70vh;background:var(--dialog-bg);border:1px solid var(--dialog-border);border-radius:12px;box-shadow:var(--dialog-shadow),0 0 0 1px var(--dialog-shadow-border);overflow:hidden;display:flex;flex-direction:column}[data-cmdk-input]{width:100%;padding:16px 20px;font-size:16px;font-family:inherit;background:transparent;color:var(--dialog-text);border:none;border-bottom:1px solid var(--input-border);outline:none;transition:box-shadow .15s}[data-cmdk-input]:focus{box-shadow:inset 0 -1px 0 0 var(--input-focus)}[data-cmdk-input]::placeholder{color:var(--input-placeholder)}[data-cmdk-list]{overflow-y:auto;overscroll-behavior:contain;padding:8px;max-height:400px;scroll-behavior:smooth}[data-cmdk-group-heading]{padding:10px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--group-heading)}[data-cmdk-item]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--item-text);transition:background .1s,color .1s;animation:cmdk-item-enter .15s ease both}@keyframes cmdk-item-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}[data-cmdk-item].active{background:var(--item-active-bg);color:var(--item-active-text)}[data-cmdk-item].active:focus-visible,[data-cmdk-item]:focus-visible{outline:2px solid var(--input-focus);outline-offset:-2px;border-radius:8px}[data-cmdk-item].disabled{opacity:var(--item-disabled);cursor:not-allowed;pointer-events:none}[data-cmdk-item-icon]{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--icon-bg);font-size:14px;flex-shrink:0}[data-cmdk-item-shortcut]{margin-left:auto;font-size:11px;padding:2px 6px;border-radius:4px;background:var(--shortcut-bg);color:var(--shortcut-text);font-family:inherit;letter-spacing:.02em;flex-shrink:0}[data-cmdk-item-label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-cmdk-empty]{padding:32px 12px;text-align:center;color:var(--empty-text);font-size:14px;display:flex;flex-direction:column;align-items:center;gap:8px}[data-cmdk-empty]:before{content:"⌕";font-size:24px;opacity:.3}[data-cmdk-loading]{padding:32px 12px;text-align:center;color:var(--loading-text);font-size:14px;display:flex;align-items:center;justify-content:center;gap:10px}[data-cmdk-loading]:before{content:"";width:16px;height:16px;border:2px solid var(--loading-spinner);border-top-color:var(--loading-spinner-top);border-radius:50%;animation:cmdk-spin .6s linear infinite}@keyframes cmdk-spin{to{transform:rotate(360deg)}}[data-cmdk-list]::-webkit-scrollbar{width:6px}[data-cmdk-list]::-webkit-scrollbar-track{background:transparent}[data-cmdk-list]::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}[data-cmdk-list]::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}[data-cmdk-separator]{height:1px;background:linear-gradient(to right,var(--separator-from),var(--separator-to) 20%,var(--separator-to) 80%,var(--separator-from));margin:4px 12px}.cmdk-dialog-enter-active,.cmdk-dialog-leave-active{transition:opacity .15s ease,scale .15s ease}.cmdk-dialog-enter-from,.cmdk-dialog-leave-to{opacity:0;scale:.97}[data-cmdk-dialog-mask]{transition:opacity .15s ease}.cmdk-dialog-enter-from [data-cmdk-dialog-mask],.cmdk-dialog-leave-to [data-cmdk-dialog-mask]{opacity:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:768px){.navbar-links a:not(.nav-gh-link){display:none}.section{padding:60px 16px}.features-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.comparison-table{font-size:12px}.comparison-table th,.comparison-table td{padding:10px}.theme-picker{gap:6px}.theme-btn{padding:6px 10px;font-size:12px}.theme-btn-label{display:none}}@media(max-width:480px){.hero-shortcuts{gap:10px;font-size:12px}.hero-badge{font-size:10px;padding:4px 10px}.code-block{padding:14px 16px!important;font-size:12px}}.section{opacity:0;transform:translateY(30px);animation:section-reveal .7s ease forwards}.section:nth-child(2){animation-delay:.1s}.section:nth-child(3){animation-delay:.2s}.section:nth-child(4){animation-delay:.3s}.section:nth-child(5){animation-delay:.4s}.section:nth-child(6){animation-delay:.5s}@keyframes section-reveal{to{opacity:1;transform:translateY(0)}}.hero-orbs{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);animation:orb-float 20s ease-in-out infinite}.hero-orb:nth-child(1){width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.12),transparent);top:-10%;left:-5%;animation-duration:25s}.hero-orb:nth-child(2){width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.1),transparent);top:40%;right:-8%;animation-duration:20s;animation-delay:-5s}.hero-orb:nth-child(3){width:300px;height:300px;background:radial-gradient(circle,rgba(236,72,153,.08),transparent);bottom:10%;left:30%;animation-duration:18s;animation-delay:-10s}[data-theme=midnight] .hero-orb:nth-child(1){background:radial-gradient(circle,rgba(99,102,241,.15),transparent)}[data-theme=midnight] .hero-orb:nth-child(2){background:radial-gradient(circle,rgba(139,92,246,.12),transparent)}[data-theme=midnight] .hero-orb:nth-child(3){background:radial-gradient(circle,rgba(167,139,250,.08),transparent)}[data-theme=cyberpunk] .hero-orb:nth-child(1){background:radial-gradient(circle,rgba(245,158,11,.12),transparent)}[data-theme=cyberpunk] .hero-orb:nth-child(2){background:radial-gradient(circle,rgba(236,72,153,.1),transparent)}[data-theme=cyberpunk] .hero-orb:nth-child(3){background:radial-gradient(circle,rgba(6,182,212,.08),transparent)}[data-theme=light] .hero-orb:nth-child(1){background:radial-gradient(circle,rgba(37,99,235,.08),transparent)}[data-theme=light] .hero-orb:nth-child(2){background:radial-gradient(circle,rgba(99,102,241,.06),transparent)}[data-theme=light] .hero-orb:nth-child(3){background:radial-gradient(circle,rgba(236,72,153,.04),transparent)}@keyframes orb-float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.hero-title{position:relative}.hero-cmd{position:relative;display:inline-block;background:linear-gradient(135deg,var(--accent),#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradient-shift 4s ease infinite;margin-right:8px}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-name{background:linear-gradient(135deg,var(--page-text),var(--page-text-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{perspective:1000px}.feature-card{position:relative;overflow:hidden;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;padding:1px;background:linear-gradient(135deg,var(--accent),transparent,var(--accent));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.feature-card:hover:before{opacity:1}.feature-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-glow),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover:after{opacity:1}.feature-card:hover{border-color:var(--card-hover-border);transform:translateY(-4px) scale(1.01);box-shadow:0 8px 30px #00000026,0 0 60px var(--accent-glow)}.feature-icon{position:relative;z-index:1;font-size:28px;margin-bottom:14px;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,var(--feature-icon-bg),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.06);transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(-5deg)}.code-block{position:relative;background:var(--code-bg)!important;border:1px solid var(--code-border)!important;border-left:3px solid var(--accent)!important;border-radius:10px!important;padding:20px 24px!important;overflow-x:auto;font-size:13.5px;line-height:1.6;-moz-tab-size:2;tab-size:2;transition:border-color .3s ease}.code-block:hover{border-color:var(--accent)!important;box-shadow:0 0 30px var(--accent-glow)}.code-block code{font-family:JetBrains Mono,Fira Code,monospace}.code-block:before{content:attr(data-language);position:absolute;top:8px;right:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);opacity:.5;font-family:JetBrains Mono,monospace}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.btn-primary:hover:before{transform:translate(100%)}.section-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent) 80%,transparent);opacity:.15;margin:0;border:none}.comparison-table-wrap{position:relative;overflow:hidden}.comparison-table-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:.3}.comparison-table tbody tr{transition:all .2s ease}.comparison-table tbody tr:hover{background:var(--table-hover);transform:scale(1.002)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--page-bg)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px;border:2px solid var(--page-bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.demo-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(100px);padding:10px 20px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;font-size:13px;color:var(--page-text-secondary);box-shadow:var(--dialog-shadow);z-index:200;opacity:0;transition:all .3s ease;pointer-events:none}.demo-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.hljs{background:transparent!important;color:var(--page-text)!important}[data-theme=light] .hljs{color:#1e293b!important}[data-theme=light] .hljs-attr{color:#2563eb!important}[data-theme=light] .hljs-string{color:#059669!important}[data-theme=light] .hljs-keyword{color:#7c3aed!important}[data-theme=light] .hljs-comment{color:#94a3b8!important}[data-theme=light] .hljs-tag{color:#2563eb!important}[data-theme=light] .hljs-name{color:#dc2626!important}.hljs-attr{color:#93c5fd!important}.hljs-string{color:#34d399!important}.hljs-keyword{color:#c084fc!important}.hljs-comment{color:#71717a!important;font-style:italic}.hljs-tag{color:#60a5fa!important}.hljs-name{color:#f87171!important}.footer{position:relative}.footer:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.3}