body { margin:0; font-family: Arial, Helvetica, sans-serif; color:#333; }
.container { max-width:1100px; margin:auto; padding:20px; }
header { background:#fff; border-bottom:1px solid #eee; }
.header-flex { display:flex; align-items:center; justify-content:space-between; }
.logo { height:50px; }
nav a { margin-left:20px; text-decoration:none; color:#333; font-weight:bold; }
.hero { background:#0aa0d6; color:#fff; padding:80px 20px; text-align:center; }
.hero .btn { margin-top:20px; }
.section { padding:60px 20px; }
.section.light { background:#f7f7f7; }
h1,h2 { margin-bottom:20px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.card { padding:20px; background:#fff; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.08); }
.btn { display:inline-block; padding:12px 25px; background:#ff7a18; color:#fff; text-decoration:none; border-radius:25px; }
.btn.secondary { background:#333; }
footer { background:#111; color:#fff; }
.footer-flex { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; }
footer a { color:#fff; text-decoration:none; }
.note { margin-top:15px; font-size:14px; }