body{margin:0;background:#0a0a0a;color:#fff;font-family:Inter,sans-serif}
nav{position:fixed;width:100%;display:flex;justify-content:space-between;padding:20px 40px;background:rgba(0,0,0,.7);backdrop-filter:blur(10px)}
nav a{color:#d4af37;text-decoration:none;margin-left:18px}
.logo,h1,h2{font-family:'Playfair Display',serif}
.hero{
    min-height:100vh;

    display:flex;
    align-items:center;

    background:
    linear-gradient(
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.75)
    ),
    url('images/hero.jpg');

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}display:flex;align-items:center}
.overlay{padding:0 8%;max-width:700px}
h1{font-size:72px}
.btn{background:#d4af37;color:#000;padding:12px 22px;text-decoration:none}
section{padding:90px 8%}
.stats{display:flex;justify-content:space-around;background:#111}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#171717;border:1px solid #333;padding:60px 20px;text-align:center}