/* Reset */
* { margin:0; padding:0; box-sizing:border-box; font-family: 'Fira Code', monospace; }
body { background:#0f0f0f; color:#00ff00; }

/* Navbar */
header { background:#111; padding:15px 0; }
header nav { width:90%; margin:auto; display:flex; justify-content:space-between; align-items:center; }
header nav ul { display:flex; list-style:none; }
header nav ul li { margin-left:20px; }
header nav ul li a { color:#00ff00; text-decoration:none; font-weight:600; }
header nav ul li a:hover { color:#0ff; }

/* Hero / Terminal effect */
#hero { height:80vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.terminal { background:#000; padding:20px; border-radius:5px; box-shadow: 0 0 20px #0f0; margin-bottom:20px; width:90%; max-width:600px; min-height:50px; }
.typing { font-size:1.2em; white-space:pre; }

/* Buttons */
.btn { display:inline-block; padding:10px 25px; border:1px solid #00ff00; color:#00ff00; text-decoration:none; margin-top:20px; border-radius:5px; transition:0.3s; }
.btn:hover { background:#00ff00; color:#000; }

/* Sections */
section { padding:60px 0; }
.container { width:90%; margin:auto; }

/* Projects */
.projects-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:20px; margin-top:40px; }
.project-card { background:#111; padding:15px; border:1px solid #00ff00; border-radius:10px; text-align:center; transition:0.3s; }
.project-card:hover { transform:translateY(-5px); box-shadow:0 0 15px #0f0; }
.project-card img { width:100%; height:150px; object-fit:cover; margin-bottom:10px; }
.project-card h3 { margin-bottom:10px; }

/* Footer */
footer { background:#111; text-align:center; padding:20px 0; margin-top:40px; color:#00ff00; }