body{
  margin:0;
  font-family: Consolas, monospace;
  color:#00ff6a;
  background:black;
}

.matrix-bg{
  background:black;
}

.container{
  width:90%;
  max-width:1100px;
  margin:auto;
}

/* HEADER */
.header{
  border-bottom:1px solid #00ff6a;
  background:rgba(0,0,0,.9);
}

.logo{
  color:#00ff6a;
  letter-spacing:2px;
}

.logo span{
  color:white;
}

.nav-bar{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.menu a{
  color:#00ff6a;
  margin-left:20px;
  text-decoration:none;
}

.menu a:hover,
.menu a.active{
  color:white;
}

/* HERO */
.hero{
  padding:120px 0;
}

.glow{
  text-shadow:0 0 25px #00ff6a;
  font-size:36px;
}

.subtitle{
  color:#cfcfcf;
}

.glass-panel{
  background:rgba(0,0,0,.6);
  border:1px solid #00ff6a;
  padding:20px;
  border-radius:8px;
  box-shadow:0 0 40px #00ff6a30;
}

.lead-form input{
  background:black;
  border:1px solid #00ff6a;
  padding:10px;
  color:white;
  margin-right:5px;
}

.lead-form button{
  background:#00ff6a;
  border:none;
  padding:10px 20px;
  cursor:pointer;
}

/* SECTION */
.section{
  padding:70px 0;
}

.section-title{
  border-left:4px solid #00ff6a;
  padding-left:10px;
}

/* CARDS */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}

.card{
  background:rgba(0,0,0,.7);
  border:1px solid #00ff6a;
  padding:20px;
  border-radius:6px;
  text-decoration:none;
  color:#00ff6a;
  box-shadow:0 0 30px #00ff6a20;
}

.card:hover{
  transform:translateY(-4px);
  box-shadow:0 0 50px #00ff6a60;
}

.btn{
  display:inline-block;
  padding:10px 25px;
  border:1px solid #00ff6a;
  text-decoration:none;
  color:#00ff6a;
}

/* FOOTER */
.footer{
  text-align:center;
  padding:40px 0;
  border-top:1px solid #00ff6a;
  background:rgba(0,0,0,.9);
}

/* MATRIX CANVAS */
#matrixRain{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
  pointer-events:none;
}