.amodal, .aladdin-captcha { background: #090b0de0; backdrop-filter: blur(6px); }
.aladdin-captcha { --accent: #96c8fa; --accent-bright: #b1d8ff; --text-primary: #edf1f5; --text-secondary: #b1bbc5; --text-muted: #919eaa; --border: #38424b; --surface-raised: #23282d; --mono: 'JetBrains Mono', monospace; --sans: 'Inter', sans-serif; }
.amodal-box, .aladdin-captcha__panel { max-width: 520px; background: #191d21; border-color: #3b454e; box-shadow: 0 28px 100px #0008; }
.amodal-hdr { min-height: 60px; padding: 16px 76px 16px 30px; border-bottom: 1px solid #ffffff12; }
.amodal-hdr-title { color: #b1bbc5; font-size: 10px; }
.amodal-dots, .amodal-hdr-badge, .amodal-enc-row, .amodal-hex { display: none; }
.amodal-close, .aladdin-captcha__close { top: 10px; right: 14px; width: 40px; height: 40px; min-height: 40px; border: 0; background: transparent; color: #a9b6c2; }
.amodal-close:hover, .aladdin-captcha__close:hover { background: #ffffff08; color: #edf1f5; }
.amodal-body { padding: 28px 30px; }
.amodal-subtitle { font-size: 9px; margin-bottom: 10px; }
.amodal .amodal-title { font-size: 28px; line-height: 1.25; margin-bottom: 12px; }
.amodal .amodal-intro { font-size: 13px; line-height: 1.75; color: #aab6c2; margin-bottom: 26px; max-width: 44ch; }
.amodal-form { gap: 19px; }
.amodal-label { display: flex; justify-content: space-between; gap: 12px; font-size: 10px; color: #b1bbc5; }
.amodal-optional { color: #8995a1; font-family: var(--sans); font-size: 11px; text-transform: none; }
.amodal-input-wrap { min-height: 50px; padding: 4px 14px; border-radius: 4px; background: #14171a; border-color: #38424b; transition: border-color .18s, box-shadow .18s; }
.amodal-input-wrap:hover { border-color: #596873; }
.amodal-input-wrap:focus-within { border-color: #96c8fa; box-shadow: 0 0 0 3px #96c8fa0d; }
.amodal-input-ico { width: 16px; height: 16px; color: #718291; }
.amodal-input::placeholder, .amodal .phone-mask > input::placeholder { color: #788895; }
.phone-mask__iso { font: 10px/1.4 var(--mono); color: #a4b3c0; }
.amodal .phone-mask { gap: 12px; }
.amodal .phone-mask__trigger { border: 0; border-right: 1px solid #38424b; border-radius: 0; background: transparent; padding: 4px 12px 4px 0; gap: 6px; }
.amodal .phone-mask__trigger:hover { color: #96c8fa; }
.amodal .phone-mask__dial { font: 400 13px/1.5 var(--sans); color: #c9d4dd; }
.amodal .phone-mask__trigger::after { width: 5px; height: 5px; margin-left: 4px; color: #8294a4; }
.amodal .amodal-input-wrap:has(.phone-mask) > .amodal-input-ico { display: none; }
.phone-mask__menu { background: #20262b; border-color: #4d5c69; box-shadow: 0 12px 32px #0006; }
.phone-mask__option[aria-selected="true"] { background: #96c8fa12; color: #b1d8ff; }
.amodal-field-error { margin-top: 7px; color: #f3939d; font-size: 12px; line-height: 1.5; }
.amodal-verification-note { display: flex; align-items: center; gap: 10px; padding-top: 6px; color: #9faeba; font-size: 11px; line-height: 1.6; }
.amodal-verification-note > span:first-child { color: #96c8fa; font: 10px/1.5 var(--mono); }
.amodal-submit { min-height: 50px; margin-top: -8px; border-radius: 4px; font-size: 14px; }
.amodal-legal { padding-top: 2px; font-size: 11px; line-height: 1.7; color: #94a2ae; }
.amodal-legal a { color: #b7c7d5; }
.amodal-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.aladdin-captcha-open .amodal-box { visibility: hidden; }
.aladdin-captcha__panel { padding: 28px 30px; }
.aladdin-captcha__panel:focus { outline: none; }
.aladdin-captcha__topline { display: flex; justify-content: space-between; padding-right: 38px; margin: -8px 0 26px; min-height: 38px; align-items: center; border-bottom: 1px solid #ffffff12; }
.aladdin-captcha__topline > span:last-of-type { flex: 0 0 auto; width: auto; height: auto; border-radius: 0; background: none; color: #96c8fa; white-space: nowrap; }
.aladdin-captcha .aladdin-captcha__title { font-size: 24px; margin-bottom: 12px; }
.aladdin-captcha__text { font-size: 13px; line-height: 1.75; color: #aab6c2; }
.aladdin-captcha__challenge { position: relative; display: flex; align-items: center; justify-content: center; height: 126px; margin: 24px 0 22px; padding-right: 40px; background: #11171c; border: 1px solid #38424b; border-radius: 4px; }
.aladdin-captcha__image { display: block; width: min(280px, 100%); height: auto; max-height: 100%; }
.aladdin-captcha__status { position: absolute; bottom: 6px; left: 8px; right: 48px; font: 10px/1.4 var(--mono); text-align: center; color: #96c8fa; }
.aladdin-captcha__refresh { position: absolute; top: calc(50% - 22px); right: 4px; width: 44px; height: 44px; border: 0; border-radius: 4px; background: transparent; color: #96c8fa; font-size: 26px; }
.aladdin-captcha__refresh:hover { background: #96c8fa0d; }
.aladdin-captcha__label { display: block; margin-bottom: 8px; color: #b1bbc5; font-size: 12px; }
.aladdin-captcha__input { display: block; width: 100%; height: 52px; padding: 10px 16px; border: 1px solid #4b5965; border-radius: 4px; background: #14171a; color: #edf1f5; font: 20px/1.5 var(--mono); text-transform: uppercase; caret-color: #96c8fa; }
.aladdin-captcha__input[aria-invalid="true"] { border-color: #f3939d; }
.aladdin-captcha__actions { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 24px; }
.aladdin-captcha__confirm { grid-row: 1; min-height: 50px; font-size: 14px; border-radius: 4px; }
.aladdin-captcha__ghost { border: 0; color: #aab6c2; font-size: 12px; }
.aladdin-captcha__error { font-size: 12px; line-height: 1.6; }
@media (max-width: 480px) {
  .amodal, .aladdin-captcha { padding: 12px; }
  .amodal-hdr { padding-left: 20px; min-height: 56px; }
  .amodal-body, .aladdin-captcha__panel { padding: 24px 20px; }
  .amodal .amodal-title { font-size: 26px; }
  .amodal .phone-mask__iso { display: none; }
  .amodal .phone-mask__trigger { padding-right: 10px; }
  .aladdin-captcha .aladdin-captcha__title { font-size: 22px; }
}
