body{margin:0;font-family:Arial,sans-serif;background:#111827;color:#fff}.hero{padding:90px 20px;text-align:center;background:linear-gradient(135deg,#0ea5e9,#1e293b)}.btn{display:inline-block;margin-top:20px;padding:12px 20px;background:#fff;color:#111827;text-decoration:none;border-radius:8px}#projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:40px}.card{background:#1f2937;padding:20px;border-radius:12px}footer{text-align:center;padding:30px;color:#aaa}