body{font-family:Arial;margin:0;background:#eef3fb}nav{display:flex;gap:20px;padding:15px;background:#0f172a;color:#fff}.logo{margin-right:auto;font-weight:bold}.hero{padding:90px;text-align:center;background:linear-gradient(135deg,#1d4ed8,#0f172a);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:20px}.card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #ccc}.bar{height:10px;background:#ddd;border-radius:5px}.bar div{height:10px;background:#2563eb;border-radius:5px}section{padding:30px}