.signup-plan-select { position: relative; }
.signup-native-select { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.signup-plan-select__trigger { display: flex; width: 100%; min-height: 66px; padding: 11px 16px; align-items: center; justify-content: space-between; gap: 18px; border: 1px solid var(--line); border-radius: 11px; outline: 0; background: linear-gradient(135deg, rgba(7,140,245,.075), rgba(7,140,245,.025)); color: var(--text); font-family: Inter, sans-serif; text-align: left; cursor: pointer; transition: border-color .2s, box-shadow .2s, background .2s; }
.signup-plan-select__trigger:hover { border-color: rgba(31,157,238,.55); background: rgba(7,140,245,.08); }
.signup-plan-select__trigger:focus-visible, .signup-plan-select.is-open .signup-plan-select__trigger { border-color: #168fe4; box-shadow: 0 0 0 3px rgba(7,140,245,.14); }
.signup-plan-select__selection { display: grid; gap: 3px; }
.signup-plan-select__selection small { color: #20a4f8; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.signup-plan-select__selection strong { font-size: 15px; font-weight: 700; }
.signup-plan-select__chevron { width: 9px; height: 9px; margin-right: 3px; border-right: 2px solid #2aa9f7; border-bottom: 2px solid #2aa9f7; transform: rotate(45deg) translateY(-2px); transition: transform .2s; }
.signup-plan-select.is-open .signup-plan-select__chevron { transform: rotate(225deg) translate(-2px,-2px); }
.signup-plan-select__menu { position: absolute; z-index: 50; top: calc(100% + 8px); left: 0; right: 0; max-height: 390px; padding: 7px; overflow-y: auto; border: 1px solid rgba(38,145,214,.35); border-radius: 13px; background: #0b1927; box-shadow: 0 22px 55px rgba(0,0,0,.46); }
.signup-plan-select__menu[hidden] { display: none; }
.signup-plan-select__group { display: grid; gap: 2px; padding: 3px; }
.signup-plan-select__group > span { position: sticky; top: -7px; z-index: 1; padding: 11px 10px 7px; background: #0b1927; color: #6f8da3; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.signup-plan-select__option { display: flex; width: 100%; min-height: 42px; padding: 9px 11px; align-items: center; justify-content: space-between; border: 0; border-radius: 8px; background: transparent; color: #dce8f1; font: 600 13px Inter, sans-serif; text-align: left; cursor: pointer; }
.signup-plan-select__option:hover, .signup-plan-select__option:focus-visible { outline: 0; background: rgba(20,151,238,.13); color: #fff; }
.signup-plan-select__option i { display: none; color: #38b8ff; font-style: normal; font-weight: 900; }
.signup-plan-select__option[aria-selected="true"] { background: linear-gradient(90deg, rgba(6,133,229,.25), rgba(18,170,239,.11)); color: #fff; }
.signup-plan-select__option[aria-selected="true"] i { display: inline; }
.signup-plan-select__menu::-webkit-scrollbar { width: 9px; }
.signup-plan-select__menu::-webkit-scrollbar-thumb { border: 2px solid #0b1927; border-radius: 99px; background: #25516c; }
[data-theme="light"] .signup-plan-select__trigger { background: linear-gradient(135deg,#f3f9fd,#f8fbfd); }
[data-theme="light"] .signup-plan-select__trigger:hover { background: #eef8ff; }
[data-theme="light"] .signup-plan-select__menu { border-color: #b9d8ec; background: #fff; box-shadow: 0 22px 55px rgba(28,71,99,.2); }
[data-theme="light"] .signup-plan-select__group > span { background: #fff; color: #688195; }
[data-theme="light"] .signup-plan-select__option { color: #243f53; }
[data-theme="light"] .signup-plan-select__option:hover, [data-theme="light"] .signup-plan-select__option:focus-visible { background: #eaf6fe; color: #0b69aa; }
[data-theme="light"] .signup-plan-select__option[aria-selected="true"] { background: linear-gradient(90deg,#e1f2ff,#edf9ff); color: #0875c5; }
[data-theme="light"] .signup-plan-select__menu::-webkit-scrollbar-thumb { border-color: #fff; background: #b7d4e7; }
@media (max-width: 680px) { .signup-plan-select__menu { max-height: 310px; } .signup-plan-select__trigger { min-height: 62px; } }
.signup-term:has(.signup-term-bonus) { padding-top: 20px; }
.signup-term-bonus { position: absolute; left: 10px; top: -9px; padding: 3px 7px; border: 1px solid rgba(77,209,154,.42); border-radius: 99px; background: #0b6f50; color: #fff; font-size: 8px; font-weight: 850; line-height: 1.25; white-space: nowrap; box-shadow: 0 5px 14px rgba(22,145,101,.2); }
.signup-term .signup-term-discount { right: 7px; left: auto; }
[data-theme="light"] .signup-term-bonus { border-color: #087c57; background: #087c57; color: #fff; }