:root{
  --bg:#070b0a;
  --fg:#eafef5;
  --muted:#9fe7cf;
  --neon:#00ff88;
  --neon-soft:#00ff8866;
  --card:#0c1210;
  --accent:#15ffa6;
  --link:#7ef7cf;
  --shadow: 0 10px 30px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial;
  color:var(--fg);
  background: radial-gradient(1200px 800px at 10% 10%, #0b1512 0%, var(--bg) 50%) fixed;
  line-height:1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:1rem 0; position:relative; z-index:2;
}
.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--fg);font-weight:700}
.brand span{letter-spacing:.3px}
.nav a{color:var(--muted);text-decoration:none;margin:0 .5rem}
.nav a:hover{color:var(--fg)}
.btn{
  background:transparent;border:1px solid var(--neon);color:var(--neon);
  padding:.55rem .9rem;border-radius:12px;cursor:pointer;box-shadow:var(--shadow);
  transition:all .15s ease-in-out;text-decoration:none;display:inline-block
}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #00ff8840}
.btn.primary{background:var(--neon);color:#03140d;border-color:transparent;font-weight:700}
.btn.ghost{border-color:#2a3a35;color:#cfeee3}
.btn.small{padding:.4rem .7rem;font-size:.9rem}
.hero{padding:8rem 0 4rem;text-align:center; position:relative; z-index:1;}
.glow{text-shadow:0 0 20px var(--neon-soft), 0 0 2px var(--neon); color:var(--fg);}
.tagline{color:var(--muted);max-width:50ch;margin:.6rem auto 1.2rem}
.cta-row{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.section{padding:3.5rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:1rem}
.card{background:linear-gradient(180deg,#0e1613 0%, #0a120f 100%);border:1px solid #133d30;
  border-radius:16px;padding:1rem;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.feed{display:grid;gap:.75rem}
.feed .item{background:#0a120f;border:1px solid #133d30;border-radius:12px;padding:.75rem}
code{background:#0c1512;border:1px solid #163c31;border-radius:8px;padding:.12rem .4rem}
.site-footer{padding:2rem 0;color:#93d8c4;border-top:1px solid #0f1a16;margin-top:2rem}
.footer-nav a{color:#a3f1da;text-decoration:none;margin-right:1rem}
.footer-nav a:hover{color:var(--fg)}
#matrix-bg{
  position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block;
  background:transparent;
}
/* Responsive tweaks */
@media (max-width:640px){
  .hero{padding:5.5rem 0 2.5rem}
  .nav{display:flex;align-items:center;gap:.5rem}
}