@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@300;400;500;600&display=swap');

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#090909;color:#f7f1e6}
body{font-family:'Montserrat',Arial,sans-serif}
.page{min-height:100vh;overflow:hidden}
.hero{
  position:relative; min-height:100vh; display:grid; place-items:center;
  padding:48px 20px;
  background:
    radial-gradient(circle at 50% 0%,rgba(184,143,70,.12),transparent 35%),
    linear-gradient(145deg,#070707,#11100e 52%,#070707);
}
.hero:before{
  content:""; position:absolute; inset:18px; border:1px solid rgba(203,165,94,.22);
  pointer-events:none;
}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.15;background:#c6a15c}
.glow-one{width:360px;height:360px;top:-150px;left:-120px}
.glow-two{width:300px;height:300px;right:-100px;bottom:-130px}
.card{
  position:relative; z-index:1; width:min(900px,100%); text-align:center;
  padding:72px 70px 58px;
  border:1px solid rgba(205,170,102,.34);
  background:linear-gradient(180deg,rgba(24,23,20,.92),rgba(10,10,10,.96));
  box-shadow:0 30px 100px rgba(0,0,0,.55);
}
.brand{display:flex;align-items:center;justify-content:center;gap:18px;color:#d2ae69;font-size:12px;letter-spacing:.34em;font-weight:600}
.brand-line{width:70px;height:1px;background:linear-gradient(90deg,transparent,#caa45d)}
.brand-line:last-child{background:linear-gradient(90deg,#caa45d,transparent)}
.eyebrow{margin:44px 0 14px;text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:#a9a297}
h1{
  margin:0; font-family:'Cormorant Garamond',Georgia,serif; font-size:clamp(54px,9vw,98px);
  line-height:.83; font-weight:600; letter-spacing:-.025em; color:#fffaf0;
}
h1 span{color:#d2ae69;font-style:italic}
.divider{display:flex;align-items:center;gap:15px;margin:38px auto 34px;width:min(360px,80%);color:#cda963}
.divider:before,.divider:after{content:"";height:1px;flex:1;background:rgba(205,169,99,.35)}
.lead,.text,.closing{max-width:700px;margin-left:auto;margin-right:auto;line-height:1.85}
.lead{font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;color:#eee5d7}
.text{font-size:14px;color:#bdb6aa;margin-top:22px}
strong{color:#e5c887;font-weight:600}
.thanks{
  margin:42px auto 32px; padding:24px 20px; max-width:560px;
  border-top:1px solid rgba(205,169,99,.28); border-bottom:1px solid rgba(205,169,99,.28);
}
.thanks span{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:38px;letter-spacing:.12em;color:#d6b46f}
.thanks small{display:block;margin-top:7px;letter-spacing:.16em;text-transform:uppercase;font-size:10px;color:#aaa295}
.closing{font-size:13px;color:#d0c8bb}
footer{
  margin-top:48px; padding-top:24px; border-top:1px solid rgba(255,255,255,.07);
  color:#777168; font-size:10px; letter-spacing:.17em; text-transform:uppercase;
}
.dot{margin:0 12px;color:#b99451}
@media(max-width:650px){
  .hero{padding:22px 12px}
  .hero:before{inset:8px}
  .card{padding:54px 22px 40px}
  .brand{gap:10px;letter-spacing:.2em;font-size:10px}
  .brand-line{width:28px}
  .lead{font-size:21px;line-height:1.65}
  .text{font-size:13px;line-height:1.75}
  .thanks span{font-size:29px}
}