*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#fff}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#080909}
.bg{position:fixed;inset:0;background:
radial-gradient(circle at 20% 20%,rgba(190,150,70,.16),transparent 32%),
radial-gradient(circle at 80% 80%,rgba(255,255,255,.08),transparent 30%),
linear-gradient(135deg,#050606 0%,#151515 48%,#070808 100%)}
.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 38%,rgba(180,140,60,.07) 50%,transparent 62%);opacity:.8}
.card{position:relative;width:min(900px,calc(100% - 36px));padding:70px 55px;text-align:center;border:1px solid rgba(255,255,255,.13);background:rgba(12,12,12,.78);backdrop-filter:blur(12px);box-shadow:0 30px 90px rgba(0,0,0,.55);border-radius:18px}
.line{width:90px;height:3px;margin:0 auto 28px;background:linear-gradient(90deg,#b8954b,#fff,#b8954b)}
.eyebrow{font-size:13px;letter-spacing:6px;color:#c9a85b;margin:0 0 18px}
h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,9vw,105px);font-weight:400;line-height:.95;margin:0 0 24px}
.intro{font-size:21px;margin:0 0 9px;color:#eee}
.sub{font-size:15px;color:#aaa;margin:0}
.divider{height:1px;background:rgba(255,255,255,.13);margin:42px auto 30px;max-width:600px}
.countdown{display:flex;justify-content:center;gap:clamp(14px,4vw,48px)}
.countdown div{min-width:95px}
.countdown span{display:block;font-family:Georgia,"Times New Roman",serif;font-size:42px;color:#d2b36a}
.countdown small{display:block;margin-top:7px;font-size:10px;letter-spacing:2px;color:#888}
.footer{margin:42px 0 0;font-size:12px;letter-spacing:3px;color:#666}
@media(max-width:600px){
.card{padding:48px 22px}
.eyebrow{letter-spacing:3px}
.intro{font-size:18px}
.countdown{gap:7px}
.countdown div{min-width:70px}
.countdown span{font-size:30px}
.countdown small{font-size:8px;letter-spacing:1px}
}