*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#0d1117;color:#fff}
header{position:sticky;top:0;background:#111827;padding:16px 40px;display:flex;justify-content:space-between}
nav a{color:#fff;margin:0 12px;text-decoration:none}
.hero{padding:110px 30px;background:linear-gradient(135deg,#111827,#1f2937);text-align:center}
.btn{background:#c68a2b;padding:14px 26px;border-radius:30px;color:#fff;text-decoration:none}
section{max-width:1200px;margin:auto;padding:60px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#1f2937;padding:22px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
footer{background:#111827;padding:30px;text-align:center}
input,textarea{width:100%;padding:10px;margin:8px 0}