body{font-family:Segoe UI,Arial;margin:0;background:#eef4f8}header{background:linear-gradient(#0d3b66,#1565c0);color:#fff;padding:24px}.top{display:flex;gap:16px;align-items:center;max-width:1100px;margin:auto}.logo{background:#2e7d32;color:#fff;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:42px;font-weight:bold}nav{margin-top:15px;text-align:center}.tags{display:flex;flex-wrap:wrap;gap:10px;padding:20px}.tags span{background:#2e7d32;color:#fff;padding:8px 12px;border-radius:18px}footer{background:#0d3b66;color:#fff;text-align:center;padding:20px;margin-top:30px}section{max-width:1100px;margin:25px auto;background:#fff;padding:24px;border-radius:10px}