html:has(body.signup-page),body.signup-page {background:#262626;min-height:100%;}
body.signup-page {margin:0;padding:0;color:#aaa;font:14px/1.5 sans-serif;letter-spacing:0;}
.signup-page #i_warp.register-page {box-sizing:border-box;width:100%;max-width:550px;min-height:100vh;margin:0 auto;padding:98px 20px 48px;}
.signup-page #i_warp .login_warp,.signup-page #i_warp .register-card {width:100%;max-width:none;margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;}
.signup-page #i_warp h1 {margin:0 0 22px;text-align:center;word-break:keep-all;color:#20a4cf;font:700 20px/1.5 sans-serif;letter-spacing:0;}
.signup-page #i_warp .login_label {margin:0 0 20px;}
.signup-page #i_warp .login_label > span {font-size:13px;color:#aaa;margin:0 12px 6px;}
.signup-page #i_warp .login_label > p {padding:0;background:transparent;border:0;border-bottom:1px solid #4d4d4d;border-radius:0;box-shadow:none;}
.signup-page #i_warp .login_label > p > input {box-sizing:border-box;width:100%;height:35px;padding:5px 12px;background:transparent;color:#eee;font:16px/25px sans-serif;}
.signup-page #i_warp input::placeholder {color:#888;opacity:1;}
.signup-page #i_warp .register-buttons {display:flex;justify-content:center;gap:4px;margin:40px 0 0;}
.signup-page #i_warp .register-buttons > *,.signup-page #i_warp .btn_login {box-sizing:border-box;flex:0 1 200px;width:200px;min-width:0;height:54px;min-height:54px;margin:0;border-radius:28px;font:400 14px/1.5 sans-serif;text-align:center;}
.signup-page #i_warp .btn_join {background:linear-gradient(#25acd8,#1d8bb3);border:1px solid transparent;color:#fff;box-shadow:0 3px 5px #0002;}
.signup-page #i_warp .btn_login {background:transparent;border:1px solid #20a4cf;color:#20a4cf;box-shadow:0 3px 5px #0002;}
.signup-page #i_warp .btn_join:hover {background:#229ac1;}
.signup-page #i_warp .btn_login:hover {background:#20a4cf15;}
.signup-page .form-message {background:#303030;border-color:#555;color:#ddd;margin-bottom:20px;}
.signup-page #i_warp .signup-sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
@media(max-width:600px){
 .signup-page #i_warp.register-page {padding:64px 24px 36px;}
 .signup-page #i_warp h1 {font-size:18px;}
 .signup-page #i_warp .login_label > p > input {height:44px;}
 .signup-page #i_warp .register-buttons {gap:8px;}
 .signup-page #i_warp .register-buttons > * {flex:1;width:auto;}
}