body { font-family: 'Segoe UI', sans-serif; margin:0; padding:0; background:#f9f9f9; }
.navbar { background:#0078d7; padding:10px; text-align:center; }
.navbar a { color:#fff; margin:0 15px; text-decoration:none; font-weight:bold; }
.hero { text-align:center; padding:60px; background:#e6f0ff; }
.hero h1 { font-size:2.5em; margin-bottom:10px; }
.btn { background:#0078d7; color:#fff; padding:10px 20px; text-decoration:none; border-radius:5px; }
.skills-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:15px; padding:20px; }
.card { background:#fff; padding:20px; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center; }