:root{--syn-bg:#181818;--syn-card:#202020;--syn-text:#E5E5E5;--syn-accent:#00e0b8;--syn-muted:#9a9a9a;--syn-border:#2a2a2a;--syn-radius:12px;--syn-font:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;--syn-display:"Rajdhani","Inter","Segoe UI",sans-serif}html,body{background:var(--syn-bg);color:var(--syn-text);margin:0;font-family:var(--syn-font);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}.syn-app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.syn-sidebar{background:var(--syn-card);color:var(--syn-text);padding:32px 24px;border-right:1px solid var(--syn-border);position:fixed;left:0;top:0;width:260px;height:100vh;z-index:10}.syn-brand{font-family:var(--syn-display);font-size:28px;letter-spacing:.6px;color:var(--syn-accent);text-decoration:none;font-weight:600}.syn-sidebar ul{list-style:none;padding:16px 0 0;margin:0}.syn-sidebar a{color:var(--syn-muted);text-decoration:none;display:block;padding:10px 0;transition:color .25s ease,transform .2s ease}.syn-sidebar a:hover{color:var(--syn-accent);transform:translateX(4px)}.main{padding:40px;max-width:960px;margin-left:400px;width:450%}h1,h2,h3{font-family:var(--syn-display);color:var(--syn-text);margin-top:0}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre{background:#222;color:#f1f1f1;border-radius:var(--syn-radius);padding:16px;overflow-x:auto;border:1px solid var(--syn-border)}a{color:var(--syn-accent);transition:color .3s ease}a:hover{color:#00c49c}button,.btn{background:#2c2c2c;color:#f1f1f1;border:1px solid var(--syn-border);border-radius:14px;padding:12px 20px;cursor:pointer;font-size:16px;transition:background-color .25s ease,transform .2s ease}button:hover,.btn:hover{background:#00c49c;transform:scale(1.02)}.btn-primary{background:linear-gradient(90deg,#222 0,#00e0b8 60%,#222 100%);border:none}blockquote{border-left:4px solid var(--syn-accent);padding-left:14px;color:#a0a0a0;font-style:italic;margin:20px 0}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ddd;padding:8px}th{text-align:left}