*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#f6f7fb;color:#333}
header{position:fixed;top:0;width:100%;background:#203a43;color:#fff;padding:15px 40px;display:flex;justify-content:space-between;z-index:100}
header a{color:#fff;text-decoration:none;margin-left:20px;font-weight:bold}
.hero{margin-top:80px}
.hero img{width:100%}
section{max-width:1200px;margin:auto;padding:60px 20px}
h2{text-align:center;color:#0057ff;margin-bottom:40px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}
.card{background:#fff;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}
.card img{width:100%}
.card div{padding:20px;text-align:center}
.btn{display:inline-block;margin-top:15px;background:#25d366;color:#fff;padding:12px 25px;border-radius:8px;text-decoration:none;font-weight:bold}
.sobre{text-align:center;font-size:18px;line-height:1.6}
footer{background:#203a43;color:#fff;padding:40px;text-align:center;font-size:14px}