/* Compact account card, shared by the welcome popup, sign-in popup and auth pages. */
.auth-card.panel.form-stack{box-sizing:border-box;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:20px;background:#19131e;border:1px solid #46344e;color:#fff;min-width:0}
.auth-card.form-stack h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:0;color:#fff}
.auth-card.form-stack p{font-size:13px;line-height:1.5;margin:0;color:#d1c5d8;overflow-wrap:anywhere}
.auth-card.form-stack label{font-size:13px;line-height:1.45;gap:6px;color:#e4dce9;margin:0}
.auth-card.form-stack label>span{display:inline;line-height:1.45}
.auth-card.form-stack input:not([type=checkbox]){box-sizing:border-box;width:100%;min-height:48px;padding:11px 13px;font-size:16px;border-radius:11px;background:#100c14;color:#fff;border:1px solid #63506b;scroll-margin:20px}
.auth-card.form-stack label:has(input[type=checkbox]){min-height:36px;align-items:center!important;gap:10px!important}
.auth-card.form-stack input[type=checkbox]{width:20px!important;height:20px!important;flex:0 0 20px!important;margin:0!important;accent-color:#ef87b2}
.auth-card.form-stack a{color:#f5b5d3;text-decoration:underline;text-underline-offset:3px}
.auth-card.form-stack small{font-size:12px;line-height:1.45;color:#bfb1c9}
.auth-card.form-stack .primary{width:100%;min-height:48px;border-radius:12px;font-size:15px;padding:12px 14px;background:linear-gradient(100deg,#e6c9fa,#f3bbd9);color:#271831;font-weight:750;margin:0}
.auth-card.form-stack .secondary{min-height:44px;font-size:13px;line-height:1.3;padding:10px 12px;border-radius:10px}
.auth-card.form-stack .detail-actions{margin:0;gap:8px;flex-wrap:wrap}
.auth-card.form-stack .notice{padding:10px 12px;background:#482530;color:#ffe2e7;border:1px solid #8e5064}
.auth-card.form-stack :focus-visible{outline:2px solid #efb8dc;outline-offset:3px}
/* Only account dialogs lose the promotional hero and duplicate title. */
.modal:has(.auth-card){width:440px;max-height:calc(100dvh - 24px);position:relative;background:#19131e;border-color:#62466c;overscroll-behavior:contain;scroll-padding:16px}
.modal:has(.auth-card)>header{position:absolute;top:6px;right:6px;padding:0;border:0;z-index:2}
.modal:has(.auth-card)>header h2{display:none}
.modal:has(.auth-card)>header .icon-button{width:44px;height:44px;display:grid;place-items:center;background:#2c2135;border-radius:50%;color:#e8d8f1}
.modal .auth-card.panel{border:0;border-radius:0;padding:24px;max-width:none!important}
.modal .auth-card h2{padding-right:40px}
.modal .home-promo-welcome{display:block;min-height:0}
.modal .home-promo-welcome>.home-promo-art,.modal .home-promo-welcome>.home-promo-body>p{display:none}
.modal .home-promo-welcome>.home-promo-body{padding:0}
@media(max-width:600px){
 .modal-backdrop:has(.auth-card){padding:12px;align-items:center}
 .auth-card.panel.form-stack{padding:20px;gap:12px}
 .modal .auth-card.panel{padding:22px 18px 18px}
 .auth-card.form-stack h2{font-size:23px}
 .auth-card.form-stack label:has(input[type=checkbox]){font-size:12px;min-height:34px}
 .auth-card.form-stack .eyebrow{font-size:10px;letter-spacing:1.4px;padding-right:40px}
}
@media(max-height:540px){.modal-backdrop:has(.auth-card){align-items:flex-start}.modal:has(.auth-card){max-height:calc(100dvh - 24px)}}