[data-admin-dashboard][hidden] { display: none !important; }
.membership-dialog { width: min(510px, calc(100% - 32px)); padding: 0; border: 1px solid #365775; background: #08131f; color: #f5fbff; box-shadow: 0 28px 90px rgba(0, 0, 0, .58); }
.membership-dialog [hidden] { display: none !important; }
.membership-dialog::backdrop { background: rgba(1, 7, 14, .78); backdrop-filter: blur(7px); }.membership-panel { padding: 44px; }.membership-panel h2 { margin: 0 0 18px; font-size: 32px; line-height: 1.25; }.membership-panel h2 em { color: #86d8ff; font-style: normal; }.membership-close { position: absolute; top: 12px; right: 13px; width: 32px; height: 32px; border: 0; background: transparent; color: #9bb6ce; font-size: 26px; cursor: pointer; }.membership-close:hover { color: #fff; }.membership-switch { display: flex; gap: 8px; margin: 25px 0 17px; }.membership-switch button { min-height: 34px; padding: 0 16px; border: 1px solid #29445f; background: transparent; color: #8da6bb; cursor: pointer; }.membership-switch .is-active { border-color: #87d8ff; background: #16344d; color: #fff; }.membership-panel label { display: block; margin: 14px 0; color: #b4c7d8; font-size: 12px; font-weight: 700; }.membership-panel input { display: block; width: 100%; min-height: 44px; margin-top: 7px; padding: 0 12px; border: 1px solid #2b4964; border-radius: 0; background: #0c1a28; color: #f5fbff; font: inherit; }.membership-panel input:focus { outline: 1px solid #8ad8ff; border-color: #8ad8ff; }.membership-intro { color: #a5b9c9; line-height: 1.7; }.membership-note { min-height: 22px; margin: 16px 0 0; color: #91cbe8; font-size: 13px; line-height: 1.6; }.membership-text-button { margin-top: 22px; padding: 0; border: 0; background: transparent; color: #a8c7dc; text-decoration: underline; cursor: pointer; }
.identity-switch { margin: 0 0 12px; }.identity-switch button { min-height: 30px; padding: 0 12px; font-size: 12px; }.sms-field { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 10px; }.sms-field label { margin: 0; }.sms-field .button { min-height: 44px; padding: 0 12px; font-size: 12px; white-space: nowrap; }
@media (max-width: 600px) { .membership-panel { padding: 42px 25px 30px; }.membership-panel h2 { font-size: 28px; } }