*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a26;--border: #1e1e2e;--text: #e4e4e7;--text-muted: #71717a;--primary: #8b5cf6;--primary-glow: rgba(139, 92, 246, .15);--green: #22c55e;--green-glow: rgba(34, 197, 94, .15);--blue: #3b82f6;--orange: #f97316;--red: #ef4444;--radius: 12px;--font: "Inter", -apple-system, sans-serif;--mono: "JetBrains Mono", monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer;border:none;border-radius:var(--radius);font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;padding:12px 28px;font-size:16px}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text);padding:12px 28px;font-size:16px;border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);background:var(--primary-glow)}code,pre{font-family:var(--mono)}pre{background:#0d0d14;border:1px solid var(--border);border-radius:var(--radius);padding:20px;overflow-x:auto;font-size:14px;line-height:1.7}.container{max-width:1200px;margin:0 auto;padding:0 24px}