*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,sans-serif;background:#061812;color:#fff;overflow:hidden}
.bg{position:fixed;inset:0;background:radial-gradient(circle at top,#0d3c2f,#050505 70%)}
.hero{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;text-align:center}
.logo{width:160px;max-width:40vw;border-radius:50%;box-shadow:0 0 35px rgba(212,175,55,.35)}
.eyebrow{letter-spacing:4px;color:#d4af37;text-transform:uppercase;margin:24px 0 10px;font-size:.8rem}
h1{font-family:"Cormorant Garamond",serif;font-size:clamp(3rem,8vw,6rem);color:#e7c76a}
.lead{max-width:760px;line-height:1.8;color:#ddd;margin:20px auto 40px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;width:min(100%,900px)}
.card{background:rgba(255,255,255,.05);backdrop-filter:blur(8px);border:1px solid rgba(212,175,55,.3);padding:24px;border-radius:18px}
.card h3{color:#d4af37;margin-bottom:10px}
.btn{margin-top:40px;padding:15px 36px;border:1px solid #d4af37;color:#d4af37;text-decoration:none;border-radius:40px;transition:.3s}
.btn:hover{background:#d4af37;color:#111}
.foot{margin-top:28px;color:#aaa}
.particles span{position:absolute;width:4px;height:4px;background:#d4af37;border-radius:50%;opacity:.7;animation:float 10s linear infinite}
@keyframes float{from{transform:translateY(100vh)}to{transform:translateY(-10vh)}}