:root{
  --bg:#050406;
  --panel:#0d0d10;
  --muted:#9aa0a6;
  --accent:#e6b8ff;
  --glass: rgba(255,255,255,0.03);
  --radius:12px;
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background: linear-gradient(180deg,var(--bg),#070607);
  color:#e6e6e6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}
.container{
  max-width:980px;
  margin:28px auto;
  padding:28px;
  backdrop-filter: blur(4px);
}
.site-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.logo{display:flex;align-items:center;gap:12px}
.logo img{width:44px;height:44px}
.logo h1{font-family:'Montserrat', sans-serif;font-weight:800;margin:0;font-size:20px;letter-spacing:0.6px}
.main-nav a{
  color:var(--muted);
  text-decoration:none;
  margin-left:12px;
  font-size:14px;
}
.hero{
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.12));
  border-radius:var(--radius);
  padding:28px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.6);
}
.hero h2{margin:0 0 6px 0;font-size:28px}
.lead{color:var(--muted);margin-top:6px}
.cta{margin-top:14px;display:flex;gap:12px;align-items:center}
.btn{
  display:inline-block;padding:10px 16px;border-radius:10px;background:linear-gradient(90deg,var(--accent),#ff9bd6);color:#111;font-weight:700;text-decoration:none;
}
.link-light{color:var(--muted);text-decoration:underline}

.panel{
  margin-top:18px;
  padding:18px;
  background:var(--panel);
  border-radius:12px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.6);
}
.links-grid{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0 0 0}
.links-grid li a{display:inline-block;padding:8px 12px;background:var(--glass);border-radius:8px;text-decoration:none;color:var(--accent)}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.updates-list{list-style:none;padding:0;margin:0}
.updates-list li{padding:10px 0;border-bottom:1px dashed rgba(255,255,255,0.03);color:var(--muted)}

.site-footer{margin-top:20px;text-align:center;color:var(--muted);font-size:13px;padding:10px}
@media(max-width:720px){
  .container{padding:16px;margin:12px}
  .two-col{grid-template-columns:1fr}
  .main-nav{display:none}
}