.account-welcome { width:min(100%,520px); margin:18px auto 12px; padding:24px clamp(16px,5vw,36px); }
.account-welcome h1 { margin:8px 0 10px; font-size:clamp(28px,6vw,36px); }
.account-welcome > p { font-size:16px; line-height:1.5; }
.auth-pyramid { margin:0 auto 14px; width:104px; }
.auth-pyramid > div { display:flex; justify-content:center; height:30px; gap:2px; }
.auth-pyramid svg { width:32px; height:40px; flex-shrink:0; }
.auth-entry-actions, .social-auth { width:min(100%,420px); margin:22px auto 0; }
.auth-entry-actions { display:grid; gap:12px; }
.auth-entry-actions button { min-height:50px; width:100%; font-size:16px; }
.auth-tabs { display:grid; grid-template-columns:1fr 1fr; padding:4px; gap:4px; border-radius:16px; background:#ffe6ef; margin:20px auto; width:min(100%,420px); }
.auth-tabs button { min-height:46px; border:0; border-radius:12px; background:transparent; color:#812145; font:inherit; font-weight:700; }
.auth-tabs button[aria-pressed="true"] { background:#c82769; color:#fff; box-shadow:0 3px 8px #81214520; }
.auth-divider { display:flex; align-items:center; gap:12px; margin:18px 0; color:#626779; font-size:14px; }
.auth-divider:before,.auth-divider:after { content:""; flex:1; height:1px; background:#e8c9d5; }
.social-buttons { display:grid; gap:10px; }
.social-button { display:flex; align-items:center; gap:12px; width:100%; min-height:48px; padding:10px 14px; border:1px solid #e8c9d5; border-radius:14px; background:#fff; color:#24304b; font:inherit; font-size:15px; text-align:left; }
.social-symbol { width:24px; text-align:center; font-weight:800; font-size:22px; }
.social-button small { margin-left:auto; font-size:12px; color:#626779; }
.social-button:disabled { opacity:.7; cursor:default; }
.social-button:enabled:hover { border-color:#c82769; background:#fff3f7; }
.auth-message:empty,.account-form #authMessage:empty { display:none; }
.auth-message { font-size:15px; line-height:1.5; }
.account-welcome .account-form { margin:20px auto 12px; }
.account-welcome .account-forgot { font-size:16px; min-height:44px; margin-bottom:0; }
.auth-entry ~ .maker-credit { margin-bottom:24px; }
@media(max-height:600px) { .auth-entry { margin-top:8px; } .auth-pyramid { display:none; } }