* { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', sans-serif; }
body { background:#0A0A0A; color:#fff; line-height:1.6; }
span { color:#C9A962; }

.hero { padding:80px 20px; text-align:center; }
.hero h1 { font-size:2.5rem; margin-bottom:20px; }
.hero p { color:#aaa; margin-bottom:30px; }

.btn {
  display:inline-block;
  padding:15px 30px;
  background:#C9A962;
  color:#0A0A0A;
  text-decoration:none;
  font-weight:600;
}

section { padding:60px 20px; max-width:1000px; margin:auto; }
h2 { margin-bottom:20px; }

ul { list-style:none; }
li { margin-bottom:10px; color:#ccc; }

.projects .grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
}

.projects img {
  width:100%;
  border:2px solid #C9A96233;
}

.cta { text-align:center; background:#0D0D0D; }

footer {
  text-align:center;
  padding:30px;
  font-size:0.9rem;
  color:#777;
}