
:root{--gold:#c9a227;--dark:#111;--light:#fff;--bg:#f8f8f8}
*{box-sizing:border-box} body{margin:0;font-family:Arial,sans-serif;color:#333;line-height:1.7}
.container{width:92%;max-width:1200px;margin:auto}
.header{background:#111;color:#fff;position:sticky;top:0;z-index:1000}
.nav{display:flex;justify-content:space-between;align-items:center;padding:15px 0}
.logo{font-size:28px;font-weight:bold;color:var(--gold)}
.menu a{color:#fff;text-decoration:none;margin:0 12px}
.hero{padding:100px 0;text-align:center;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),#222;color:#fff}
.btn{background:var(--gold);padding:14px 28px;color:#111;text-decoration:none;border-radius:6px;font-weight:bold}
.section{padding:70px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}
.card{background:#fff;padding:25px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.stats{text-align:center;background:#111;color:#fff}
.blog-card img{width:100%;height:220px;background:#ddd}
.footer{background:#111;color:#fff;padding:40px 0}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.whatsapp{position:fixed;right:20px;bottom:20px;background:#25D366;color:#fff;padding:15px 18px;border-radius:50px;text-decoration:none}
.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:28px}
.article{max-width:850px;margin:auto}
input,textarea{width:100%;padding:12px;margin:10px 0;border:1px solid #ddd}
button{background:var(--gold);padding:12px 20px;border:none}
@media(max-width:768px){.menu{display:none}.menu.show{display:block}.menu a{display:block;padding:10px 0}.menu-toggle{display:block}}
