:root {
  --bg:#071a2b;
  --panel:#0b2540;
  --text:#e6f1ff;
  --muted:#9bb3cc;
  --accent:#2aa8ff;
  font-family: Inter, system-ui, sans-serif;
}

body {
  margin:0;
  background:linear-gradient(180deg,#061525,#071a2b);
  color:var(--text);
}

.layout {
  max-width:1200px;
  margin:auto;
  display:grid;
  grid-template-columns:280px 1fr;
  gap:24px;
  padding:24px;
}

.sidebar {
  background:var(--panel);
  padding:20px;
  border-radius:12px;
}

.logo {
  color:var(--accent);
}

.sidebar a {
  display:block;
  padding:10px;
  color:var(--muted);
  text-decoration:none;
}

.sidebar a:hover {
  color:var(--accent);
}

.content {
  background:rgba(255,255,255,0.03);
  padding:28px;
  border-radius:12px;
}

p {
  line-height:1.7;
  color:var(--muted);
}

a {
  color:var(--accent);
}