:root {
  --green: #00ff99;
  --blue: #00ccff;
  --bg: #0f111a;
}
body { margin:0; background:var(--bg); color:var(--green); font-family:'Courier New', monospace; overflow-x:hidden; }
#matrix { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; background:#0f111a; }
header { padding:10px 20px; border-bottom:1px solid var(--green); background:rgba(0,0,0,0.6); }
.logo { font-size:1.5rem; color:var(--green); text-decoration:none; text-shadow:0 0 10px var(--green); }
#nav-menu a { margin-left:20px; color:var(--blue); text-decoration:none; }
#nav-menu a:hover { color:var(--green); }
.hero { text-align:center; padding:100px 20px; }
.hero h1 { font-size:2rem; }
.glow { text-shadow:0 0 10px var(--green), 0 0 20px var(--green); }
.prompt { color:var(--blue); }
#typewriter { color:var(--green); border-right:2px solid var(--green); white-space:nowrap; overflow:hidden; display:inline-block; animation:blink 0.7s infinite; }
@keyframes blink { 0%,49% {border-color:var(--green);} 50%,100% {border-color:transparent;} }
.services { padding:40px 20px; text-align:center; }
.services h2 { font-size:2rem; color:var(--green); text-shadow:0 0 10px var(--green), 0 0 20px var(--blue); }
.service-cards { display:grid; gap:20px; margin-top:20px; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); }
.service-card { border:1px solid var(--green); padding:20px; border-radius:8px; background:rgba(0,0,0,0.4); box-shadow:0 0 15px rgba(0,255,153,0.2); transition:transform 0.2s, box-shadow 0.2s; }
.service-card:hover { transform:translateY(-5px); box-shadow:0 0 25px rgba(0,255,153,0.5); }
.page-content { padding:60px 20px; max-width:800px; margin:auto; text-align:center; }
.contact-form { display:flex; flex-direction:column; gap:15px; max-width:500px; margin:20px auto; }
.contact-form input, .contact-form textarea { padding:10px; background:#111; border:1px solid var(--green); color:#fff; border-radius:5px; }
.contact-form button { padding:10px; background:var(--green); border:none; color:#000; font-weight:bold; cursor:pointer; }
.contact-form button:hover { background:var(--blue); color:#fff; }
footer { text-align:center; padding:15px; border-top:1px solid var(--green); font-size:0.9rem; color:var(--blue); background:rgba(0,0,0,0.6); }