:root{--preto:#000;--branco:#fff;--dourado:#D4AF37;--cinza:#1a1a1a}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:var(--preto);color:var(--branco);line-height:1.6}
.container{max-width:900px;margin:0 auto;padding:0 20px}
header{background:var(--cinza);padding:16px 0;border-bottom:3px solid var(--dourado)}
header.container{display:flex;justify-content:space-between;align-items:center}
.logo{font-size:22px;font-weight:bold;color:var(--dourado)}
nav a{color:var(--branco);text-decoration:none;margin-left:20px;font-weight:bold}
nav a:hover{color:var(--dourado)}
.hero{background:var(--cinza);padding:60px 0;text-align:center;border-bottom:3px solid var(--dourado)}
.hero h1{font-size:32px;color:var(--dourado)}
.hero h2 span{color:var(--dourado)}
.btn{background:var(--dourado);color:var(--preto);padding:14px 24px;text-decoration:none;font-weight:bold;border:2px solid var(--dourado);border-radius:0;display:inline-block;margin-top:15px}
.btn:hover{background:var(--preto);color:var(--dourado)}
section{padding:50px 0}
h2{font-size:28px;color:var(--dourado);text-align:center;margin-bottom:20px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.grid img{width:100%;height:250px;object-fit:cover;border:2px solid var(--cinza)}
form{display:flex;flex-direction:column;gap:16px;max-width:500px;margin:0 auto}
input,textarea{padding:12px;background:var(--cinza);border:2px solid #555;color:var(--branco);font-size:16px;border-radius:0}
footer{background:var(--cinza);padding:20px 0;text-align:center;border-top:3px solid var(--dourado)}
#msg{text-align:center;color:var(--dourado);font-weight:bold;margin-top:15px}
@media(max-width:768px){.grid{grid-template-columns:1fr}}