:root{
  --bg:#0f1a17;--text:#efe9da;--muted:#a9b3a8;--accent:#d4b36a;--accent2:#f1dba0;
  --card:rgba(255,255,255,.04);--line:rgba(212,179,106,.35);--btn-text:#1a1408;
}
body{background-image:radial-gradient(circle at 20% 0%,#1d3329 0,transparent 50%),radial-gradient(circle at 90% 100%,#23382c 0,transparent 45%);background-attachment:fixed}
.cover{background:linear-gradient(rgba(10,18,15,.78),rgba(10,18,15,.92)),var(--cover-img,radial-gradient(circle at 50% 30%,#2b4a3a,#0b1411));background-size:cover;background-position:center}
.cover::before{content:"";position:absolute;inset:18px;border:1px solid var(--line);pointer-events:none}
.cover::after{content:"";position:absolute;inset:28px;border:1px solid rgba(212,179,106,.15);pointer-events:none}
.cover h1{font-size:clamp(3.2rem,14vw,6rem);margin:.5rem 0;line-height:1.15}
.hero{background:linear-gradient(rgba(10,18,15,.8),rgba(10,18,15,.93)),var(--cover-img,none);background-size:cover;background-position:center}
.couple{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}
.avatar{width:130px;height:130px;margin:0 auto 1rem;border-radius:50%;display:grid;place-items:center;font:4rem var(--f-script);color:var(--accent2);border:2px solid var(--accent);background:radial-gradient(circle,#2b4a3a,#13211b);box-shadow:0 0 30px rgba(212,179,106,.25)}
.person h3{font-size:2.3rem}
.amp{font-size:3rem}
@media(min-width:640px){.couple{flex-direction:row;justify-content:center;gap:2rem}}