/* Minimal, modern base styling */
:root{
  --bg: #0b0f0b;
  --panel: #0f2b24;
  --accent: #1fa67a;
  --muted: #bfcfc6;
  --white: #f3f8f6;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

html,body{
  height:100%;
  margin:0;
  background:linear-gradient(180deg,var(--bg),#07100a);
  color:var(--white);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

.container{max-width:1000px;margin:0 auto;padding:28px;}

.site-header{
  padding:28px;
  background:linear-gradient(90deg, rgba(31,166,122,0.06), transparent);
  border-bottom:1px solid rgba(255,255,255,0.04);
  text-align:center;
}
.site-title{margin:0;font-size:2rem;letter-spacing:0.6px}
.site-tag{margin:6px 0 12px;color:var(--muted)}

.main-nav a{
  color:var(--muted);
  text-decoration:none;
  margin:0 10px;
  font-weight:600;
}
.main-nav a:hover{color:var(--accent)}

.content{
  background: rgba(255,255,255,0.02);
  margin:24px auto;
  padding:20px;
  border-radius:10px;
  max-width:900px;
}

.site-footer{
  text-align:center;
  padding:18px;
  color:var(--muted);
  font-size:0.9rem;
}

/* small screens */
@media(max-width:640px){
  .site-title{font-size:1.4rem}
  .main-nav{display:flex;flex-wrap:wrap;justify-content:center}
  .main-nav a{margin:6px}
}