@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@700&family=Manrope:wght@400;600;700&display=swap');
:root{--bg:#0e1712;--panel:#18241c;--green:#3e6b45;--moss:#6f9d5b;--gold:#c9b16a;--text:#edf2ea}
*{box-sizing:border-box}body{margin:0;background:
radial-gradient(circle at top,#29412c 0,#0e1712 60%);
color:var(--text);font:18px/1.7 Manrope,sans-serif}
.container{width:min(1180px,calc(100% - 42px));margin:auto}
header{position:sticky;top:18px;width:min(1180px,calc(100% - 42px));margin:18px auto;background:rgba(18,32,23,.72);backdrop-filter:blur(18px);border:1px solid rgba(201,177,106,.18);border-radius:999px}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 26px}
.brand{font:700 32px 'Cormorant Garamond',serif;color:var(--gold);text-decoration:none}
nav a{color:#d8e6d7;text-decoration:none;margin-left:18px}
.hero{padding:150px 0;background:linear-gradient(rgba(8,16,10,.25),rgba(8,16,10,.75))}
h1{font:700 86px 'Cormorant Garamond',serif;margin:0}
p{color:#d0ddcf}
.btn{display:inline-block;margin-top:28px;padding:15px 28px;border-radius:14px;background:linear-gradient(90deg,var(--green),var(--moss));color:#fff;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:90px 0}
.card{background:rgba(24,36,28,.82);border:1px solid rgba(201,177,106,.15);border-radius:22px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.35)}
footer{text-align:center;padding:60px;color:#aebba9}
@media(max-width:850px){.grid{grid-template-columns:1fr}h1{font-size:56px}}