/* The Scorpio Confession Ritual: "Halloween midnight" (design concept 4, chosen
   19 Oct 2026). Midnight blue, a silver moon, carved gold capitals, his line in
   white italic. Wraps the shared checkout form, which keeps checkout.css. */
:root{--night:#070c1a;--night2:#0b1326;--night3:#121c36;--gold-l:#f3e0ae;--gold-m:#e2c37e;--silver:#d8dce6;--mist:#a3acc2;--ink:#eef0f6}
html,body{overflow-x:hidden}
body{background:linear-gradient(180deg,var(--night) 0%,var(--night2) 35%,var(--night3) 70%,var(--night2) 100%);color:var(--ink);font-family:'Inter',system-ui,sans-serif}

.sc-hero{position:relative;overflow:hidden;text-align:center;padding:56px 20px 30px;line-height:1.6;
  background:radial-gradient(ellipse 60% 40% at 50% 22%,rgba(216,220,230,.10),transparent 70%)}
.sc-stars{position:absolute;inset:0;pointer-events:none;opacity:.6;animation:sc-twinkle 7s ease-in-out infinite alternate;
  background-image:radial-gradient(1px 1px at 8% 12%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 38%,#fff 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 35% 8%,#d8dce6 50%,transparent 51%),radial-gradient(1px 1px at 64% 18%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 78% 6%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 90% 30%,#d8dce6 50%,transparent 51%),
    radial-gradient(1px 1px at 14% 62%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 86% 58%,#fff 50%,transparent 51%),
    radial-gradient(1px 1px at 48% 72%,#fff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 5% 88%,#d8dce6 50%,transparent 51%),
    radial-gradient(1px 1px at 70% 90%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 95% 80%,#fff 50%,transparent 51%)}
@keyframes sc-twinkle{from{opacity:.35}to{opacity:.75}}
.sc-inner{position:relative;max-width:780px;margin:0 auto}
.sc-pre{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.3 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--silver);padding:9px 18px;border:1px solid rgba(216,220,230,.35);border-radius:999px;background:rgba(216,220,230,.05)}
/* Headline composition: a quiet line before, the headline in gold capitals, his line after. */
.sc-kicker{font:500 clamp(20px,2.8vw,24px)/1.4 'Cormorant Garamond',Georgia,serif;color:var(--mist);max-width:640px;margin:26px auto 0;text-wrap:balance}
h1.sc-title{font-family:'Cinzel',Georgia,serif;font-weight:500;max-width:780px;margin:16px auto 0;font-size:clamp(26px,5.6vw,54px);line-height:1.14;letter-spacing:.01em;text-wrap:balance;
  background:linear-gradient(180deg,var(--gold-l),var(--gold-m));-webkit-background-clip:text;background-clip:text;color:transparent}
.sc-title span{display:block}
/* His line: set apart from the page's voice so it reads as his words. */
.sc-his{margin:22px auto 22px;font:500 clamp(16px,2.2vw,18px)/1.4 'Inter',sans-serif;color:var(--mist);letter-spacing:.02em}
.sc-his q{display:block;margin-top:6px;quotes:"\201C" "\201D";font:italic 500 clamp(28px,4.6vw,42px)/1.2 'Playfair Display',Georgia,serif;color:#fff;letter-spacing:0}
.sc-sub{font-size:clamp(17px,2.3vw,19px);color:var(--mist);max-width:640px;margin:0 auto}
.sc-art{max-width:440px;margin:34px auto 0}
.sc-art svg{display:block;width:100%;height:auto}

/* Countdown: shown only, never closes the checkout. */
.sc-clockbox{text-align:center;padding:6px 20px 24px}
.sc-clockbox .lbl{font:600 12px/1.4 'Inter',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-m)}
.sc-clockbox .when{font-size:14px;color:var(--mist);margin-top:2px}
.sc-clock{display:flex;justify-content:center;gap:10px;margin-top:12px}
.sc-clock div{min-width:66px;padding:10px 6px 8px;border:1px solid rgba(226,195,126,.35);border-radius:12px;background:rgba(18,28,54,.8)}
.sc-clock b{display:block;font:500 30px/1 'Cinzel',Georgia,serif;color:var(--gold-l);font-variant-numeric:tabular-nums}
.sc-clock span{font:600 10px/1.6 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--mist)}

.sc-gets{max-width:560px;margin:0 auto;padding:0 20px 10px}
.sc-gets h2{font:500 22px/1.3 'Cinzel',Georgia,serif;color:var(--gold-l);text-align:center;margin:0 0 14px}
.sc-gets ul{list-style:none;margin:0;padding:0}
.sc-gets li{position:relative;padding:0 0 14px 30px;color:var(--mist);font-size:16px;line-height:1.6}
.sc-gets li::before{content:"";position:absolute;left:4px;top:6px;width:12px;height:12px;border-radius:50%;background:#16100f;box-shadow:0 0 0 1px var(--gold-m)}
.sc-gets li b{color:var(--ink);font-weight:600}

.sc-order{padding:8px 16px 34px}
.sc-order .order{max-width:560px}
.order-head{background:linear-gradient(180deg,#16213f,#0d1630)}
.order-head h2{font-family:'Cinzel',Georgia,serif;font-weight:500;font-size:22px}
.pay{font-family:'Inter',sans-serif;font-weight:700;letter-spacing:.04em;color:#141008;background:linear-gradient(90deg,var(--gold-l),var(--gold-m));box-shadow:0 10px 24px -8px rgba(226,195,126,.5)}

.sc-faq{max-width:680px;margin:0 auto;padding:36px 20px 50px}
.sc-faq h2{font:500 clamp(26px,4.2vw,36px)/1.2 'Cinzel',Georgia,serif;text-align:center;color:var(--gold-l);margin:0 0 22px}
.sc-faq details{border:1px solid rgba(216,220,230,.2);border-radius:14px;background:rgba(255,255,255,.03);margin:0 0 12px}
.sc-faq summary{cursor:pointer;list-style:none;padding:16px 46px 16px 18px;position:relative;font:600 17px/1.4 'Inter',sans-serif;color:var(--ink)}
.sc-faq summary::-webkit-details-marker{display:none}
.sc-faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--gold-m)}
.sc-faq details[open] summary::after{content:"–"}
.sc-faq .a{padding:0 18px 16px;color:var(--mist);font-size:16px;line-height:1.65}
.sc-faq .a p{margin:0 0 10px}
.sc-faq .a b{color:var(--ink);font-weight:600}
.sc-faq .a a{color:var(--gold-m)}
.sc-again{display:block;max-width:420px;margin:26px auto 0;text-align:center;text-decoration:none}

footer{border-top-color:rgba(216,220,230,.15)}
footer p{color:#8790a6}
footer .lk a{color:var(--mist)}
.sticky .l{color:var(--gold-l)}
.sticky button{color:#141008;background:linear-gradient(90deg,var(--gold-l),var(--gold-m));font-family:'Inter',sans-serif;font-weight:700}

@media (max-width:520px){.sc-hero{padding-top:40px}h1.sc-title{font-size:33px;line-height:1.12}.sc-his q{font-size:23px}.sc-pre{font-size:11px;letter-spacing:.1em;padding:8px 14px}.sc-clock div{min-width:58px}}
@media (prefers-reduced-motion:reduce){.sc-stars{animation:none}}