/* Premium material copied from the site's current VIP cards. All rules are
   limited to service/seminar contact pages; legacy VIP checkouts keep theirs. */
html.checkout-contact-mode {scroll-snap-type: none;scroll-behavior: auto;}
html.checkout-contact-mode .checkout {
  min-height: 100svh;
  padding: clamp(30px,6vw,72px) 0;
  background: #020304;
  font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
}
html.checkout-contact-mode .checkout-vip-sky {
  position: absolute;inset: 0;background: #020304;contain: layout paint style;
}
html.checkout-contact-mode #checkout-contact-birth {position: absolute;inset: 0;}
html.checkout-contact-mode .checkout-flow {max-width: 760px;isolation: isolate;}
html.checkout-contact-mode .paybox {
  border-radius: 32px;
  border-color: rgba(255,255,255,.24);
  background: radial-gradient(ellipse 95% 64% at 38% 0%,rgba(255,255,255,.12),transparent 63%),
    linear-gradient(148deg,rgba(39,45,55,.56),rgba(9,13,20,.48));
  box-shadow: inset 6px 6px 15px rgba(255,255,255,.1),inset -10px -12px 24px rgba(0,0,0,.36),
    0 24px 52px rgba(0,0,0,.44),0 0 24px rgba(0,102,204,.07);
  color: #fff;
  animation: none;
  transform: none;
  text-align: center;
}
html.checkout-contact-mode .paybox::before {
  background: radial-gradient(ellipse 80% 38% at 32% -4%,rgba(255,255,255,.2),transparent 66%),
    linear-gradient(112deg,rgba(255,255,255,.06),transparent 34%,transparent 78%,rgba(80,156,255,.04));
  opacity: 1;
}
html.checkout-contact-mode .paybox::after {content: none;}
html.checkout-contact-mode .paybox > * {scale: 1;}
html.checkout-contact-mode .paybox .checkout-brand {display: flex;justify-content: center;}
html.checkout-contact-mode .paybox .eyebrow {text-align: center;color: #b5cbe5;}
html.checkout-contact-mode .paybox h1 {
  text-align: center;font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 23px;font-weight: 600;line-height: 1.25;letter-spacing: -.022em;
}
html.checkout-contact-mode .paybox .price {text-align: center;color: #fff;font-size: 24px;font-weight: 500;}
html.checkout-contact-mode .paybox .detail {
  text-align: center;color: #d2d2d7;font-size: 17px;line-height: 1.65;letter-spacing: -.022em;
}
html.checkout-contact-mode .payment-note {color: #d2d2d7;}
html.checkout-contact-mode .checkout-actions {flex-wrap: wrap;}
html.checkout-contact-mode .checkout-card-ambient {
  position: absolute;inset: 0;z-index: -1;pointer-events: none;border-radius: 32px;
  box-shadow: 0 0 26.64px 8.88px rgba(255,255,255,.7276),
    0 0 64.38px 27.75px rgba(255,255,255,.4066),
    0 0 119.88px 44.4px rgba(255,255,255,.1605);
  opacity: 0;will-change: opacity;
}
@media (any-hover: hover) and (any-pointer: fine) {
  html.checkout-contact-mode .paybox:hover {
    box-shadow: inset 7px 7px 17px rgba(0,0,0,.23),inset -6px -7px 16px rgba(255,255,255,.1),
      0 16px 34px rgba(0,0,0,.54),0 0 24px rgba(0,102,204,.07);
  }
  html.checkout-contact-mode .paybox:active {
    box-shadow: inset 10px 10px 24px rgba(0,0,0,.42),inset -5px -6px 14px rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.54);
  }
}