*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0d0f;--bg2: #13131a;--bg3: #1a1a24;--border: #2a2a3a;--border2: #3a3a50;--text: #e8e8f0;--text2: #9090a8;--text3: #5a5a70;--blue: #4f6ef7;--blue-dark: #3a55d4;--blue-glow: rgba(79,110,247,.15);--green: #34d399;--red: #f87171;--yellow: #fbbf24;--purple: #a78bfa;--radius: 12px;--radius-sm: 8px}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}code,pre,.mono{font-family:JetBrains Mono,Fira Code,monospace}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-sm{padding:64px 0}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border2);color:var(--text2);background:var(--bg2)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;border:none;text-decoration:none;transition:all .15s}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);transform:translateY(-1px)}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border2)}.btn-secondary:hover{border-color:var(--blue);color:var(--blue)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border2);color:var(--text)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.tag{display:inline-block;padding:2px 10px;border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.05em}.tag-blue{background:#4f6ef726;color:#818cf8}.tag-green{background:#34d3991f;color:var(--green)}.tag-purple{background:#a78bfa1f;color:var(--purple)}.tag-yellow{background:#fbbf241f;color:var(--yellow)}.section-label{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}.section-title{font-size:clamp(28px,4vw,40px);font-weight:800;line-height:1.2;margin-bottom:16px}.section-sub{font-size:17px;color:var(--text2);max-width:580px;line-height:1.7}.code-block{background:#0a0a10;border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 20px;font-size:13px;line-height:1.7;overflow-x:auto;position:relative}.code-block .comment{color:var(--text3)}.code-block .cmd{color:var(--green)}.code-block .flag{color:var(--yellow)}.code-block .string{color:#fb923c}.copy-btn{position:absolute;top:10px;right:10px;background:var(--bg3);border:1px solid var(--border2);color:var(--text2);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s}.copy-btn:hover{border-color:var(--blue);color:var(--blue)}.copy-btn.copied{color:var(--green);border-color:var(--green)}