@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg-h: 220;--bg-s: 20%;--bg-l: 10%;--bg-root: hsl(var(--bg-h), var(--bg-s), var(--bg-l));--bg-surface: hsl(220, 20%, 14%);--bg-surface-hover: hsl(220, 20%, 18%);--color-border: hsl(220, 15%, 20%);--color-border-hover: hsl(220, 15%, 30%);--text-main: hsl(220, 20%, 95%);--text-muted: hsl(220, 15%, 65%);--text-dim: hsl(220, 15%, 45%);--pk-brand: 260;--acc-brand: hsl(var(--pk-brand), 100%, 65%);--acc-chaos: hsl(350, 100%, 60%);--acc-success: hsl(150, 80%, 45%);--bg-terminal: var(--bg-root);--bg-card-chaos: var(--bg-surface);--bg-card-api: var(--bg-surface);--bg-card-db: var(--bg-surface);--text-terminal-main: var(--text-main);--text-terminal-muted: var(--text-muted);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 9999px;--ease-spring: cubic-bezier(.175, .885, .32, 1.275)}html{scroll-behavior:smooth}[data-theme=light]{--bg-h: 220;--bg-s: 20%;--bg-l: 98%;--bg-root: hsl(var(--bg-h), var(--bg-s), var(--bg-l));--bg-surface: #ffffff;--bg-surface-hover: #f3f4f6;--bg-terminal: #1e293b;--bg-card-chaos: #fff1f2;--bg-card-api: #eff6ff;--bg-card-db: #f0fdf4;--text-terminal-main: #f3f4f6;--text-terminal-muted: #9ca3af;--color-border: #e5e7eb;--color-border-hover: #d1d5db;--text-main: #111827;--text-muted: #6b7280;--text-dim: #9ca3af;--acc-chaos: hsl(350, 100%, 55%);--acc-brand: hsl(260, 100%, 60%);--acc-success: hsl(150, 80%, 40%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-root);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}code,pre{font-family:var(--font-mono)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.gap-8{gap:32px}.text-center{text-align:center}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:var(--text-main)}h1{font-size:3.5rem;line-height:1.1}h2{font-size:2.25rem}h3{font-size:1.5rem}.text-gradient{background:linear-gradient(135deg,var(--text-main) 0%,var(--text-muted) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-gradient{background:linear-gradient(135deg,#aa80ff,#b447eb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease;font-size:1rem}.btn-primary{background:var(--text-main);color:var(--bg-root)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #fff3}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text-main);background:#ffffff0d}.card{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px}