body.login{background:#0c0c0f;color:#eee;font-family:Arial,sans-serif}
.login h1 a{background:none;text-indent:0;width:auto;height:auto;font:bold 32px/1.2 Arial,sans-serif;color:#ffd23f}
.login form{background:#19191f;border:1px solid #393940;border-radius:14px;box-shadow:0 12px 36px #0007;color:#eee}
.login form .input{background:#0f0f14;border:1px solid #777;color:#fff}
.login #nav a,.login #backtoblog a,.login .privacy-policy-page-link a{color:#ffd23f}
.wp-core-ui .button-primary{background:#d51f36;border-color:#d51f36;color:white;min-height:42px}
.wp-core-ui .button-primary:hover{background:#b7142a;border-color:#b7142a}
.login label{line-height:1.5}.login .message,.login .notice,.login #login_error{color:#16161b}

body.login{margin:0;min-height:100vh;background:radial-gradient(ellipse at top,#36121b 0,#0c0c0f 55%);font:16px/1.6 Arial,Helvetica,sans-serif;color:#ededf4}
.login #login{width:min(420px,calc(100% - 40px));padding:48px 0;margin:0 auto}
.login h1{margin:0 0 28px;text-align:center}
.login h1 a{display:block;margin:0 auto;text-decoration:none;color:#ffd23f;font-size:32px}
.ys-member-intro{margin-bottom:26px;text-align:center}
.ys-member-intro>span{font-size:11px;letter-spacing:2px;font-weight:700;color:#e9a6af}
.ys-member-intro h2{font-size:27px;line-height:1.25;margin:10px 0 12px;color:#fff}
.ys-member-intro p{margin:0;color:#c8c8d4;font-size:15px;line-height:1.7}
.login form{padding:28px;margin-top:20px;overflow:visible}
.login label{display:inline-block;font-size:15px;color:#eeeef5;margin-bottom:7px}
.login form .input{box-sizing:border-box;border-radius:8px;font-size:18px;line-height:1.5;padding:10px 12px;width:100%;margin-bottom:18px}
.login form .input:focus,.login a:focus-visible,.login button:focus-visible,.login input:focus-visible{outline:3px solid #ffd23f;outline-offset:3px;box-shadow:none}
.login .button-primary{box-sizing:border-box;background:#d51f36;border:1px solid #ed4257;color:#fff;border-radius:8px;min-height:46px;font:700 15px/1.4 Arial,sans-serif;padding:12px 18px;cursor:pointer;text-decoration:none}
.login .button-primary:hover{background:#b7142a;color:#fff}
.login .submit{margin:20px 0 0}.login form .submit .button-primary{float:none;width:100%}
.login form .forgetmenot{float:none;margin-bottom:18px}.login form .forgetmenot label{font-size:14px}
.login .message,.login .notice,.login #login_error{background:#23232b;color:#f0f0f5;border-left:4px solid #d51f36;border-radius:8px;padding:16px;margin:18px 0;box-shadow:none;font-size:14px}
.login a{color:#ffd23f}.login #nav,.login #backtoblog{text-align:center;font-size:14px;padding:0;margin:22px 0}
.ys-member-help,.login #reg_passmail{font-size:13px;line-height:1.65;color:#bcbcca;margin:0 0 18px}
.login .wp-hide-pw{color:#ffd23f}.login #pass-strength-result{color:#17171c}
.ys-member-links{display:flex;flex-direction:column;gap:16px;margin:26px 0;text-align:center;font-size:14px}
.ys-read-button{display:block;padding:13px 16px;border:1px solid #7a2938;border-radius:8px;background:#21151b;text-decoration:none;font-weight:700}
.ys-profile .button-primary{width:100%}.ys-profile .ys-member-help:last-child{text-align:center}
.ys-profile #login{width:min(650px,calc(100% - 40px))}.ys-dashboard{background:#19191f;border:1px solid #393940;border-radius:14px;padding:24px;margin:20px 0}.ys-dashboard h2{font-size:21px;margin:0 0 16px;color:#fff}.ys-dashboard p{font-size:15px;color:#ccc;line-height:1.7}.ys-dashboard .ys-member-help{margin:16px 0 0;font-size:13px}.ys-comment-history{padding:16px 0;border-top:1px solid #393940}.ys-comment-history>span{font-size:12px;color:#e9a6af}.ys-comment-history p{overflow-wrap:anywhere;margin:8px 0}.ys-comment-history a{font-size:14px}.ysrt-resume:not([hidden]){display:flex;flex-direction:column;gap:12px;background:#29171d;padding:16px;border-radius:8px}.ysrt-resume a{font-weight:bold}.ysrt-resume button{align-self:flex-start;background:transparent;color:#ccc;border:1px solid #666;border-radius:6px;padding:8px;cursor:pointer}.login #registerform #reg_passmail{display:none}
@media(max-width:480px){.login #login{padding:28px 0;width:calc(100% - 32px)}.login form{padding:22px 18px}.ys-member-intro h2{font-size:24px}}
