
:root{
  --sg-black:#0b0b0b; --sg-ivory:#f4f2ec; --sg-gold:#d9b666;
  --sg-gold-soft:rgba(217,182,102,.22); --sg-gold-soft2:rgba(217,182,102,.35);
  --sg-glow1:rgba(217,182,102,.16); --sg-glow2:rgba(217,182,102,.05);
}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--sg-black);color:var(--sg-ivory);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;line-height:1.5}
a{color:var(--sg-gold);text-decoration:none}
.hero{min-height:100dvh;display:grid;place-items:center;padding:clamp(28px,6vw,72px);position:relative;overflow:hidden;
  background: radial-gradient(52% 32% at 50% 8%, var(--sg-glow1), transparent 60%);}
.frame{position:absolute;inset:22px;border:1px solid var(--sg-gold-soft);border-radius:24px;pointer-events:none}
.card{width:min(940px,100%);background:linear-gradient(180deg, rgba(217,182,102,.06), rgba(217,182,102,.02));
  border:1px solid var(--sg-gold-soft);border-radius:22px;padding:clamp(28px,5vw,56px);
  text-align:center;box-shadow:0 18px 44px rgba(0,0,0,.5);backdrop-filter:blur(3px)}
.badge{display:inline-block;margin-bottom:16px;padding:6px 12px;border-radius:999px;border:1px solid var(--sg-gold-soft);background:transparent;color:var(--sg-ivory);font-weight:700;font-size:12px;letter-spacing:.4px}
.badge::before{content:"◆";margin-right:8px;color:var(--sg-gold);opacity:.9}
.h1{font-size:clamp(38px,6.2vw,60px);line-height:1.08;margin:0 0 18px}
.sub{color:#d3cec5;margin:0 0 28px;font-size:clamp(15px,2.2vw,18px)}
.countdown{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 0 26px}
.tile{min-width:98px;padding:14px 12px;border:1px solid var(--sg-gold-soft);border-radius:12px;text-align:center;background:transparent}
.num{font-weight:800;font-size:26px}
.lbl{font-size:11px;opacity:.85;letter-spacing:.6px;text-transform:uppercase;margin-top:4px;display:block}
.form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}
input[type="email"]{background:transparent;color:var(--sg-ivory);border:1px solid var(--sg-gold-soft);padding:14px 16px;border-radius:999px;min-width:320px}
input[type="email"]::placeholder{color:#bdb6ab}
.btn{display:inline-block;padding:14px 22px;border-radius:999px;font-weight:800;border:1px solid var(--sg-gold-soft2);background:transparent;color:var(--sg-ivory);cursor:pointer}
.btn:hover{background:linear-gradient(180deg, rgba(217,182,102,.12), rgba(217,182,102,.04))}
.small{color:#9f9688;font-size:12px;margin-top:14px}
.footer{text-align:center;color:#a9a093;font-size:13px;padding:26px 0}
/* Mailchimp overrides */
#mc_embed_signup{background:transparent !important; width:auto !important; font-family:inherit !important; color:inherit !important; margin:0 auto}
#mc_embed_signup_scroll h2, #mc_embed_signup .indicates-required{display:none !important}
#mc_embed_signup .mc-field-group label{display:none !important}
#mc_embed_signup .mc-field-group input[type="email"],
#mc_embed_signup input[type="email"]{background:transparent !important; color:var(--sg-ivory) !important; border:1px solid var(--sg-gold-soft) !important; padding:14px 16px !important; border-radius:999px !important; min-width:320px}
#mc_embed_signup .button, #mc-embedded-subscribe{all:unset; display:inline-block; padding:14px 22px; border-radius:999px; font-weight:800; border:1px solid var(--sg-gold-soft2); background:transparent; color:var(--sg-ivory); cursor:pointer}
#mc_embed_signup .button:hover, #mc-embedded-subscribe:hover{background:linear-gradient(180deg, rgba(217,182,102,.12), rgba(217,182,102,.04))}
