@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700&family=Poppins:wght@400;500;600;700&display=swap');

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Poppins,Arial,sans-serif}
body{
  min-height:100vh;
  color:#24152b;
  background:
    radial-gradient(circle at 20% 15%,rgba(180,126,70,.18),transparent 30%),
    radial-gradient(circle at 85% 80%,rgba(119,65,125,.18),transparent 30%),
    linear-gradient(135deg,#fffaf4,#f8f1fb 48%,#fff8ed);
  overflow:hidden;
}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;opacity:.32;
  background-image:radial-gradient(rgba(91,50,90,.13) 1px,transparent 1px);
  background-size:24px 24px;
}
.glow{position:fixed;border-radius:50%;filter:blur(50px);animation:float 7s ease-in-out infinite alternate;pointer-events:none}
.glow-one{width:230px;height:230px;background:rgba(164,99,62,.13);top:5%;left:3%}
.glow-two{width:280px;height:280px;background:rgba(100,52,121,.12);right:2%;bottom:3%;animation-delay:1.5s}
.hero{
  position:relative;z-index:1;width:min(900px,92%);min-height:100vh;margin:auto;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:42px 20px;
  animation:rise 1s ease both;
}
.sparkles{color:#b27b42;font-size:24px;letter-spacing:8px;animation:twinkle 2.4s infinite}
.badge{
  margin-top:12px;padding:9px 17px;border:1px solid rgba(126,72,120,.18);
  border-radius:999px;background:rgba(255,255,255,.72);backdrop-filter:blur(8px);
  color:#704174;font-size:11px;font-weight:700;letter-spacing:1.8px;
  box-shadow:0 8px 25px rgba(69,38,72,.08)
}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#b17a43;margin-right:7px;animation:pulse 1.5s infinite}
.eyebrow{margin:30px 0 8px;color:#9b6a3b;font-size:12px;font-weight:700;letter-spacing:3px}
h1{
  margin:0;font-family:"Playfair Display",Georgia,serif;font-size:clamp(40px,7vw,76px);
  line-height:1.02;font-weight:700;letter-spacing:-1.5px
}
h1 span{display:block;color:#7b466f;margin-top:8px}
.gold-line{width:90px;height:3px;margin:24px auto;border-radius:9px;background:linear-gradient(90deg,#a86f38,#d4ae72,#a86f38);animation:expand 1.2s ease .4s both}
.headline{font-family:"Playfair Display",Georgia,serif;font-size:clamp(21px,3vw,29px);margin:0 0 10px;color:#38233d}
.headline strong{color:#8a5431}
.intro{max-width:680px;margin:0 auto;color:#665b67;line-height:1.8;font-size:15px}
.coming-card{
  margin:26px 0 20px;display:flex;align-items:center;gap:16px;text-align:left;
  padding:16px 24px;border-radius:18px;background:rgba(255,255,255,.82);
  border:1px solid rgba(180,126,70,.22);box-shadow:0 14px 40px rgba(64,35,65,.10);
  animation:cardFloat 3.5s ease-in-out infinite
}
.pulse-ring{
  width:48px;height:48px;border-radius:50%;display:grid;place-items:center;
  color:white;background:linear-gradient(135deg,#75417b,#b47b43);
  box-shadow:0 0 0 0 rgba(116,65,123,.35);animation:ring 2s infinite
}
.coming-title{font-family:"Playfair Display",Georgia,serif;font-size:22px;font-weight:700;color:#63376b}
.coming-sub{font-size:12px;color:#776b76;margin-top:2px}
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.chips span{padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.58);border:1px solid rgba(120,75,125,.13);font-size:11px;color:#67566a}
.location{margin-top:23px;color:#554856;font-size:13px;font-weight:600}
footer{position:absolute;bottom:20px;color:#9b919d;font-size:10px}
@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes expand{from{width:0;opacity:0}to{width:90px;opacity:1}}
@keyframes float{to{transform:translate(25px,-18px) scale(1.08)}}
@keyframes cardFloat{50%{transform:translateY(-5px)}}
@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}
@keyframes ring{70%{box-shadow:0 0 0 13px rgba(116,65,123,0)}}
@keyframes twinkle{50%{opacity:.45;transform:scale(1.04)}}
@media(max-width:600px){
  .hero{padding:32px 14px}
  .eyebrow{margin-top:24px;font-size:10px;letter-spacing:2px}
  h1{font-size:42px}
  .headline{font-size:21px}
  .intro{font-size:13px;line-height:1.7}
  .coming-card{padding:14px 17px}
  footer{position:static;margin-top:25px}
}