
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&family=Lato:wght@300;400;700&display=swap');
:root{--accent:#00a86b;--gold:#d4af37;--bg:#000;--text:#f5f5f5;}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Lato',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;}
h1,h2,h3{font-family:'Playfair Display',serif;color:var(--gold);}
a{color:var(--accent);text-decoration:none;transition:.3s;}
a:hover{color:var(--gold);}
header{border-bottom:3px solid var(--gold);}
.top-nav,.bottom-nav{display:flex;flex-wrap:wrap;align-items:center;padding:1rem 2rem;background:#111;}
.logo{font-size:2rem;color:var(--gold);font-weight:600;margin-right:auto;}
.top-nav nav a{padding:.5rem 1rem;border-radius:.25rem;}
.top-nav nav a:hover{background:rgba(212,175,55,.1);}
.bottom-nav nav{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:var(--gold);}
main{max-width:1100px;margin:2rem auto;padding:0 1rem;}
section{margin-bottom:2rem;}
footer{background:#111;border-top:3px solid var(--gold);text-align:center;padding:1rem;}
footer a{margin:0 .6rem;color:var(--accent);}
.toggle-btn{display:none;color:var(--gold);font-size:1.6rem;cursor:pointer;}
@media(max-width:800px){
 .toggle-btn{display:block;}
 .top-nav nav{display:none;flex-direction:column;width:100%;}
 .top-nav nav.show{display:flex;}
 .logo{margin-right:0;}
}
