[hidden]{display:none!important}
.account-shell,.wd-inline-account{--panel:#202027;--panel-soft:#ffffff0b;--line:#ffffff20;--muted:#b9b9c6;--accent:#f5e94f;--danger:#ff8f8f;--success:#8ce6a0}
body.wd-account-page{background:radial-gradient(circle at 20% 0,#303046 0,#17171c 48%,#101014 100%)}
:where(.account-shell,.wd-inline-account) button,
:where(.account-shell,.wd-inline-account) input{font:inherit}
.account-shell{width:min(100%,760px);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 18px max(32px,env(safe-area-inset-bottom));min-height:100svh}
:where(.account-shell,.wd-inline-account) .account-card{border:1px solid var(--line);border-radius:28px;background:#19191fdd;box-shadow:0 26px 90px #0007;overflow:hidden}
:where(.account-shell,.wd-inline-account) .account-brand{padding:30px 24px 24px;background:linear-gradient(135deg,#ffffff0b,#ffffff03)}
:where(.account-shell,.wd-inline-account) .account-brand h1{font-size:clamp(2.4rem,11vw,4.8rem);max-width:620px}
:where(.account-shell,.wd-inline-account) .account-intro{max-width:540px;margin-bottom:0}
:where(.account-shell,.wd-inline-account) .account-status{margin:18px 20px 0;padding:13px 15px;border:1px solid var(--line);border-radius:14px;background:#ffffff0a;color:#fff}
:where(.account-shell,.wd-inline-account) .account-status[data-type="error"]{border-color:#ff8f8f66;color:#ffd0d0}
:where(.account-shell,.wd-inline-account) .account-status[data-type="success"]{border-color:#8ce6a066;color:#d7ffe0}
:where(.account-shell,.wd-inline-account) .auth-loading{display:flex;align-items:center;gap:12px;padding:28px 24px;color:var(--muted)}
:where(.account-shell,.wd-inline-account) .spinner{width:18px;height:18px;border-radius:50%;border:2px solid #ffffff30;border-top-color:#fff;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
:where(.account-shell,.wd-inline-account) :is(#guest-view,#member-view,#reset-view){padding:20px 20px 26px}
:where(.account-shell,.wd-inline-account) .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;margin-bottom:20px;border:1px solid var(--line);border-radius:16px;background:#0003}
:where(.account-shell,.wd-inline-account) .auth-tab{min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}
:where(.account-shell,.wd-inline-account) .auth-tab.is-active{background:#fff;color:#15151a}
:where(.account-shell,.wd-inline-account) .account-form{display:grid;gap:16px}
:where(.account-shell,.wd-inline-account) .account-form label{display:grid;gap:7px;color:#f5f5f8;font-weight:760}
:where(.account-shell,.wd-inline-account) .account-form small{color:var(--muted);font-weight:500;line-height:1.4}
:where(.account-shell,.wd-inline-account) .account-form input{width:100%;min-height:50px;border:1px solid #ffffff2b;border-radius:13px;background:#0e0e13;color:#fff;padding:11px 13px;outline:none}
:where(.account-shell,.wd-inline-account) .account-form input:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff18}
:where(.account-shell,.wd-inline-account) .account-form input:disabled{opacity:.65}
:where(.account-shell,.wd-inline-account) :is(.primary-button,.secondary-button){min-height:50px;border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer}
:where(.account-shell,.wd-inline-account) .primary-button{background:var(--accent);color:#151515}
:where(.account-shell,.wd-inline-account) .secondary-button{background:#ffffff12;color:#fff;border:1px solid var(--line)}
:where(.account-shell,.wd-inline-account) :is(.primary-button,.secondary-button,.text-button):disabled{opacity:.5;cursor:wait}
:where(.account-shell,.wd-inline-account) .text-button{justify-self:start;border:0;padding:4px 0;background:transparent;color:#fff;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
:where(.account-shell,.wd-inline-account) .compact-form{padding-top:4px}
:where(.account-shell,.wd-inline-account) .compact-form>p{margin-top:0}
:where(.account-shell,.wd-inline-account) .member-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}
:where(.account-shell,.wd-inline-account) .member-heading h2,
:where(.account-shell,.wd-inline-account) #reset-view h2{margin:0;font-size:clamp(1.8rem,8vw,3rem);letter-spacing:-.04em}
:where(.account-shell,.wd-inline-account) .member-dot{width:14px;height:14px;border-radius:50%;background:var(--success);box-shadow:0 0 22px var(--success)}
:where(.account-shell,.wd-inline-account) .verification-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--muted);font-size:.92rem}
:where(.account-shell,.wd-inline-account) .full-width{width:100%}
:where(.account-shell,.wd-inline-account) .account-action-link{display:flex;align-items:center;justify-content:center;text-decoration:none;margin:0 0 10px}
@media(min-width:640px){
  .account-shell{padding-top:42px}
  :where(.account-shell,.wd-inline-account) .account-brand{padding:44px 42px 34px}
  :where(.account-shell,.wd-inline-account) :is(#guest-view,#member-view,#reset-view){padding:28px 42px 40px}
  :where(.account-shell,.wd-inline-account) .account-status{margin-left:42px;margin-right:42px}
  :where(.account-shell,.wd-inline-account) .account-form{max-width:520px}
}

:where(.account-shell,.wd-inline-account) .social-auth{margin:0 0 18px}
:where(.account-shell,.wd-inline-account) .social-button{width:100%;min-height:50px;border:0;border-radius:14px;padding:12px 16px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
:where(.account-shell,.wd-inline-account) .facebook-button{background:#1877f2;color:#fff}
:where(.account-shell,.wd-inline-account) .facebook-button>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;color:#1877f2;font:bold 22px/1 Arial,sans-serif}
:where(.account-shell,.wd-inline-account) .facebook-button:disabled{opacity:.72;cursor:default}
:where(.account-shell,.wd-inline-account) .auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
:where(.account-shell,.wd-inline-account) .auth-divider::before,
:where(.account-shell,.wd-inline-account) .auth-divider::after{content:"";height:1px;background:var(--line);flex:1}
:where(.account-shell,.wd-inline-account) .social-connections{display:grid;gap:10px;margin:22px 0;padding:16px;border:1px solid var(--line);border-radius:16px;background:#ffffff07}
:where(.account-shell,.wd-inline-account) .social-connections strong{display:block}
:where(.account-shell,.wd-inline-account) .social-connections small{color:var(--muted);line-height:1.4}