body.memberLoginNeeded .mobileDock,body.memberLoginNeeded #hubSidebar,body.memberLoginNeeded .top .nav,body.memberLoginNeeded .user,body.memberLoginNeeded .foot{display:none!important}
body.memberLoginNeeded .top{margin-left:0!important}
body.memberLoginNeeded main{margin:0 auto!important;padding:clamp(22px,5vw,65px) 16px!important;max-width:760px!important}
body.memberLoginNeeded #dynamicPage{display:block!important}
.memberLogin{max-width:580px;margin:0 auto;padding:clamp(24px,5vw,50px);border:1px solid #795092;border-radius:17px;background:radial-gradient(circle at 95% 0,#53227585,transparent 48%),#17121f;box-shadow:0 18px 50px #0008}
.memberLoginMark{display:grid;place-items:center;width:72px;height:72px;margin-bottom:23px;color:#dfa5fa;border:1px solid #b668da;border-radius:16px;background:#2d183d}.memberLoginMark .kkicon{width:48px;height:48px}
.memberLogin>span{color:#d9a5eb;font-weight:800;font-size:13px;letter-spacing:.13em}
.memberLogin h1{font:900 clamp(36px,7vw,58px)/.98 'Barlow Condensed',Impact,sans-serif;margin:11px 0;color:#fff}
.memberLogin p{color:#cbbdd4;font-size:16px;line-height:1.55}
.memberLogin form{display:grid;gap:9px;margin-top:26px}
.memberLogin label{font-size:15px;font-weight:700;color:#f1e2f9;margin-top:7px}
.memberLogin input{width:100%;min-height:49px;padding:11px 14px;color:#fff;background:#0f0d18;border:1px solid #78518a;border-radius:7px;font:16px Inter,Arial,sans-serif}
.memberLogin input:focus-visible{outline:2px solid #d588f5;outline-offset:2px}
.memberLogin small{color:#bfb0c9;font-size:13px;line-height:1.45}
.memberLogin form button{margin-top:14px;min-height:48px;font-size:17px}
.memberLogin .memberLoginError{margin:5px 0;color:#ffc4d1}
.memberLogin>a{display:inline-block;margin-top:25px;color:#e1aff6;font-size:14px;text-decoration:underline;text-underline-offset:3px}
