:root{
--bg:#0B0B0F; --gold:#C8A96B; --text:#F6F4EF; --card:#14161d;
}
*{box-sizing:border-box}
body{
margin:0;background:radial-gradient(circle at top,#16181f,#0B0B0F 55%);
color:var(--text);font-family:Inter,sans-serif;
}
.hero{
min-height:100vh;padding:40px 8%;
display:flex;flex-direction:column;justify-content:center;
background:
radial-gradient(circle at 80% 20%, rgba(200,169,107,.15), transparent 25%);
}
nav{display:flex;justify-content:space-between;align-items:center}
.logo{
font-family:"Playfair Display",serif;
font-size:42px;color:var(--gold);
}
.tag{letter-spacing:4px;font-size:12px;color:#b9b9b9}
.hero-content{max-width:760px}
h1,h2{font-family:"Playfair Display",serif}
h1{font-size:72px;line-height:1}
h2{font-size:44px}
p{line-height:1.8;color:#d5d5d5}
.btn{
display:inline-block;padding:16px 28px;border:1px solid var(--gold);
color:var(--gold);text-decoration:none;margin-top:20px
}
.btn:hover{background:var(--gold);color:black}
section,footer{padding:120px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.card{
background:rgba(255,255,255,.03);
border:1px solid rgba(200,169,107,.25);
padding:36px;border-radius:18px
}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.freedom{text-align:center}
footer{text-align:center;border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:768px){
h1{font-size:48px}
h2{font-size:34px}
.grid{grid-template-columns:1fr}
}