.member-auth-page{min-height:100vh;margin:0;background:#000;color:#f2f2f2}
.member-auth-stage{min-height:100vh;display:grid;place-items:center;padding:24px}
.member-auth-dialog{position:relative;width:min(100%,600px);min-height:650px;border-radius:18px;background:#111;padding:34px 48px 40px}
.member-auth-back{position:absolute;top:20px;left:20px;width:36px;height:36px;border-radius:999px;display:grid;place-items:center;background:#181818;color:#fff;text-decoration:none;font-size:1.5rem}
.member-auth-brand{text-align:center;color:#fff;font-size:1.05rem;letter-spacing:.32em;margin:2px 0 34px}
.member-auth-content{width:min(100%,360px);margin:0 auto}
.member-auth-content h1{margin:0 0 22px;color:#fff;font-size:2.35rem}
.member-auth-wip{margin:0 0 24px;padding:13px 14px;border:1px solid rgba(228,91,36,.55);border-radius:8px;background:rgba(228,91,36,.08);color:#d7d7d7;font-size:.78rem;line-height:1.45}
.member-auth-wip strong{display:block;margin-bottom:5px;color:#ff8755;font-size:.62rem;letter-spacing:.1em}
.member-auth-wip span{display:block}
.member-auth-form{display:grid;gap:16px}
.member-auth-field{display:grid;gap:7px;color:#8c8c8c;font-size:.72rem}
.member-auth-field input{width:100%;height:46px;border:1px solid #333;border-radius:4px;background:#050505;color:#fff;padding:0 14px;font:inherit}
.member-auth-field input:focus{outline:1px solid #e45b24;border-color:#e45b24}
.member-auth-primary{width:100%;height:46px;border:1px solid #fff;border-radius:4px;background:#fff;color:#111;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.17em;cursor:pointer}
.member-auth-primary:hover{background:#e45b24;border-color:#e45b24;color:#fff}
.member-auth-divider{display:flex;align-items:center;gap:14px;margin:24px 0;color:#666;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em}
.member-auth-divider::before,.member-auth-divider::after{content:"";height:1px;flex:1;background:#2e2e2e}
.member-google-slot{min-height:44px;display:flex;justify-content:center}
.member-auth-footer{margin-top:28px;padding-top:24px;border-top:1px solid #2e2e2e;color:#777;font-size:.9rem}
.member-auth-footer a{margin-left:6px;color:#e45b24;text-decoration:none}
.member-auth-content .member-status{min-height:1.4em;margin-top:16px}
@media(max-width:650px){.member-auth-stage{padding:0;align-items:start}.member-auth-dialog{width:100%;min-height:100vh;border-radius:0;padding:26px 24px 36px}}

.member-auth-help{margin-top:14px;text-align:center;font-size:.82rem}
.member-auth-help a{color:#8c8c8c;text-decoration:none;border-bottom:1px solid #333}
.member-auth-help a:hover{color:#e45b24;border-bottom-color:#e45b24}