body{font-family:Segoe UI,Arial,sans-serif;margin:0;background:#0f172a;color:#e2e8f0}header{background:#111827;padding:16px 40px;position:sticky;top:0}nav a{color:white;text-decoration:none;margin-right:20px}main{max-width:1100px;margin:auto;padding:40px}h1,h2,h3{color:white}.hero{padding:60px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card{background:#1e293b;padding:20px;border-radius:12px}.btn{background:#2563eb;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none}footer{text-align:center;padding:30px;color:#94a3b8}.article,.project{margin-bottom:20px}