.member-auth-r222 { box-sizing:border-box; width:min(440px,calc(100vw - 32px)); max-height:calc(100dvh - 40px); margin:auto; padding:0; overflow:auto; overscroll-behavior:contain; border:1px solid #e5e8f1; border-radius:20px; background:#fff; color:#182238; box-shadow:0 28px 90px #101a3440; }
.member-auth-r222::backdrop { background:rgb(24 34 56 / .44); backdrop-filter:blur(5px); }
.member-auth-r222-close { position:absolute; z-index:1; top:6px; right:6px; display:grid; place-items:center; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; color:#728099; font:26px/1 system-ui; cursor:pointer; }
.member-auth-r222-close:hover { color:#292544; background:#f3f2fa; }
.member-auth-r222-status { min-height:160px; margin:0; padding:64px 30px 30px; line-height:1.8; }
body:has(.member-auth-r222[open]) { overflow:hidden; }
.pf-auth-page #main { display:grid; justify-items:center; align-content:start; min-height:calc(100svh - 240px); padding:56px 16px; }
.pf-auth-r222.pf-access-shell { box-sizing:border-box; display:block; width:min(440px,100%); max-width:440px; min-height:0; margin:0 auto; padding:32px; border:1px solid #e2e6f0; border-radius:20px; background:#fff; box-shadow:0 10px 36px #24335a09; color:#182238; font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif; }
.member-auth-r222 .pf-auth-r222.pf-access-shell { width:100%; max-width:none; border:0; box-shadow:none; padding:34px 28px 26px; }
.pf-auth-r222 .pf-access-intro { display:block; padding:0; border:0; border-radius:0; background:none; box-shadow:none; text-align:center; }
.pf-auth-r222 .pf-access-intro h1 { margin:0 18px 10px; max-width:none; font-size:22px; font-weight:750; letter-spacing:-.025em; line-height:1.4; color:#172033; }
.pf-auth-r222 .pf-access-intro p { margin:0 0 22px; max-width:none; font-size:12px; line-height:1.75; color:#6a7790; }
.pf-auth-r222 .pf-auth-panel { display:block; padding:0; border:0; border-radius:0; background:none; box-shadow:none; width:100%; min-width:0; }
.pf-auth-r222 .pf-auth-form,.pf-auth-r222 .pf-google-auth-form { display:grid; gap:14px; }
.pf-auth-r222 .pf-auth-form>label:not(.pf-check),.pf-auth-r222 .pf-register-optional label { display:grid; gap:6px; margin:0; color:#35435b; font-size:12px; font-weight:600; }
.pf-auth-r222 input:not([type="checkbox"]):not([type="hidden"]),.pf-auth-r222 select { box-sizing:border-box; width:100%; min-width:0; height:44px; padding:10px 12px; border:1px solid #dce2ee; border-radius:10px; background:#fff; color:#19243a; font-family:inherit; font-size:14px; line-height:1.5; box-shadow:none; }
.pf-auth-r222 input:focus-visible,.pf-auth-r222 select:focus-visible { outline:3px solid #6257ed25; outline-offset:0; border-color:#6556f5; }
.pf-auth-r222 .pf-button { display:flex; justify-content:center; align-items:center; width:100%; min-height:44px; margin:0; padding:10px 16px; border:1px solid #6054ec; border-radius:10px; background:#6054ec; color:#fff; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer; box-shadow:0 4px 12px #6054ec16; }
.pf-auth-r222 .pf-button:hover { background:#5145d7; }
.pf-auth-r222 .pf-button.is-google { gap:10px; background:#fff; color:#19243a; border-color:#dce2ee; box-shadow:none; }
.pf-auth-r222 .pf-button.is-google:hover { border-color:#a6afe0; background:#f8f9ff; }
.pf-auth-r222 .pf-button.is-google::before { content:'G'; display:grid; place-items:center; width:22px; height:22px; font-size:18px; font-weight:800; color:#4285f4; }
.pf-auth-r222 .pf-check { display:flex; align-items:flex-start; gap:8px; margin:0; color:#65718a; font-size:12px; line-height:1.65; font-weight:400; }
.pf-auth-r222 .pf-check input { flex:none; width:16px; height:16px; margin:2px 0 0; accent-color:#6054ec; }
.pf-auth-r222 .pf-auth-note { margin:0; font-size:11px; line-height:1.75; color:#78849c; }
.pf-auth-r222 .pf-auth-panel>.pf-auth-note { margin:0 0 14px; }
.pf-auth-r222 .pf-auth-divider { display:flex; align-items:center; gap:10px; margin:20px 0; color:#929db1; font-size:11px; }
.pf-auth-r222 .pf-auth-divider::before,.pf-auth-r222 .pf-auth-divider::after { content:''; height:1px; flex:1; background:#e8ebf3; }
.pf-auth-r222 .pf-auth-links { display:flex; justify-content:space-between; gap:12px; font-size:12px; }
.pf-auth-r222 a { color:#5a51cc; text-decoration:none; }
.pf-auth-r222 a:hover { text-decoration:underline; }
.pf-auth-r222 small { color:#78849c; font-size:11px; font-weight:400; line-height:1.65; }
.pf-auth-r222 .pf-register-optional { padding:10px; border:1px solid #e8ebf3; border-radius:10px; font-size:12px; }
.pf-auth-r222 .pf-register-optional[open] summary { margin-bottom:10px; }
.pf-auth-r222 .pf-auth-public-links { display:flex; gap:16px; justify-content:center; margin-top:24px; padding-top:18px; border-top:1px solid #eef0f6; font-size:11px; }
.pf-auth-r222 .pf-auth-message { padding:10px 12px; border-radius:8px; font-size:12px; line-height:1.6; }
.member-auth-r222 button:focus-visible,.member-auth-r222 a:focus-visible { outline:3px solid #6054ec66; outline-offset:3px; }
@keyframes member-auth-r222-in { from { opacity:0; transform:translateY(8px) scale(.975); } to { opacity:1; transform:none; } }
@media (prefers-reduced-motion:no-preference) { .member-auth-r222[open] { animation:member-auth-r222-in .22s cubic-bezier(.2,.8,.3,1); } }
body.is-motion-paused .member-auth-r222 { animation:none; }
body.pf-public-suite .pf-auth-r222.pf-access-shell { min-height:0; }
body.pf-public-suite .pf-auth-r222 .pf-auth-panel { padding:0; max-height:none; overflow:visible; backdrop-filter:none; }
body.pf-public-suite .pf-auth-r222 .pf-auth-form :is(input:not([type="checkbox"]),select) { min-height:44px; }
body.pf-public-suite .pf-auth-r222 .pf-check { min-height:0; }
/* Override the former two-column auth scene, including error POST pages. */
body.pf-portal-r192[data-portal-family="auth"] .pf-auth-r222.pf-access-shell { display:block; grid-template-columns:none; width:min(440px,100%); min-height:0; margin:0 auto; padding:32px; }
body.pf-portal-r192[data-portal-family="auth"] .pf-auth-r222 :is(.pf-access-intro,.pf-auth-panel) { padding:0; border:0; border-radius:0; background:none; }
body.pf-portal-r192[data-portal-family="auth"] .pf-auth-r222 .pf-access-intro h1 { font-size:22px; margin:0 18px 10px; line-height:1.4; }
body.pf-portal-r192[data-portal-family="auth"] .pf-auth-r222 .pf-auth-panel input:not([type="checkbox"]):not([type="hidden"]) { min-height:44px; height:44px; border-color:#dce2ee; border-radius:10px; }
@media (max-width:480px) { body.pf-portal-r192[data-portal-family="auth"] .pf-auth-r222.pf-access-shell { padding:28px 22px; } }
@media (max-width:480px) { .pf-auth-page #main { padding:24px 12px; } .pf-auth-r222.pf-access-shell { padding:28px 22px; } .member-auth-r222 .pf-auth-r222.pf-access-shell { padding:34px 22px 24px; } .pf-auth-r222 input:not([type="checkbox"]):not([type="hidden"]),.pf-auth-r222 select { font-size:16px; } }