:root{--bg:#0b1220;--card:#071025;--accent:#0b74de;--muted:#9aa6b2;--panel:#081826}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Arial;background:var(--bg);color:#e6eef7}
.container{display:flex;min-height:100vh}
.sidebar{width:260px;background:#808000;padding:18px;border-right:1px solid rgba(255,255,255,0.03)}
.sidebar .home{color:var(--accent);text-decoration:none;font-weight:700}
.content{flex:1;padding:28px}
.example-wrap{display:flex;gap:16px;align-items:flex-start}
.example{background:var(--card);padding:14px;border-radius:8px;flex:1}
.controls .try{background:var(--accent);color:#fff;border:0;padding:8px 12px;border-radius:8px;cursor:pointer}
.code{background:#041422;color:#bcd3e6;padding:12px;border-radius:6px;overflow:auto}
h1{margin-top:0}
footer{padding:18px;text-align:center;color:var(--muted)}