.sppwa-login-screen{box-sizing:border-box;display:flex;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;padding:24px 18px;background:#cb0303;color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}
.sppwa-login-brand{text-align:center;margin:0 auto clamp(28px,5vh,44px)}

.sppwa-login-brand .sppwa-logo-img{display:block;width:90%;max-width:210px;height:auto;margin:0 auto}
.sppwa-login-card{box-sizing:border-box;width:min(390px,100%);padding:30px 28px 26px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#1a1a1a;box-shadow:0 16px 38px rgba(0,0,0,.35)}
.sppwa-login-card form{margin:0}
.sppwa-login-card .form-row{margin:0 0 18px;padding:0}
.sppwa-login-error{margin:0 0 18px;padding:11px 13px;border:1px solid #ff4444;border-radius:9px;background:rgba(255,0,0,.15);color:#ff6666;font-size:13px;font-weight:700}
.sppwa-login-card label{display:block;margin:0 0 6px;color:#ccc;font-size:13px;font-weight:700;line-height:1.3}
.sppwa-login-card .required{color:#ff4444}
.sppwa-login-card input[type=text],.sppwa-login-card input[type=password]{box-sizing:border-box;width:100%;height:48px;margin:0;border:1px solid #444;border-radius:10px;background:#111;color:#fff;padding:0 13px;font-size:16px;outline:none;box-shadow:none;transition:border-color .2s}
.sppwa-login-card input[type=password]{padding-right:52px}
.sppwa-login-card input[type=text]:focus,.sppwa-login-card input[type=password]:focus{border-color:#cb0303;box-shadow:0 0 0 2px rgba(200,2,2,.3)}
.sppwa-login-card .password-input{display:block;position:relative}
.sppwa-login-card .show-password-input{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:auto;min-width:40px;height:30px;margin:0;border:1px solid #444;border-radius:6px;background:#222;color:#ccc;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:0 6px;line-height:28px}
.sppwa-login-card .form-row:nth-of-type(3){display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:0}
.sppwa-checkbox-label{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;white-space:nowrap;color:#ccc;font-size:13px}
.sppwa-login-card input[type=checkbox]{width:24px;height:24px;margin:0;accent-color:#cb0303}
.sppwa-login-card button[type=submit]{min-height:42px;margin:0;padding:9px 17px;border:1px solid #cb0303;border-radius:10px;background:#cb0303;color:#fff;font-weight:800;box-shadow:none;cursor:pointer;font-size:15px}
.sppwa-login-card button[type=submit]:hover,.sppwa-login-card button[type=submit]:focus{background:#9e0202}
.sppwa-login-card .lost_password{margin:18px 0 0;text-align:center;font-size:13px;font-weight:700}
.sppwa-login-card .lost_password a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sppwa-login-card .lost_password a:hover{text-decoration:none;opacity:.8}
.sppwa-access-card{text-align:center}
.sppwa-access-card h2{margin:0 0 12px;color:#fff;font-size:24px}
.sppwa-access-card p{margin:0 0 24px;line-height:1.55;color:#ccc}
.sppwa-switch-account{display:inline-block;padding:11px 17px;border:1px solid #cb0303;border-radius:10px;background:#cb0303;color:#fff!important;font-weight:800;text-decoration:none}
.sppwa-switch-account:hover,.sppwa-switch-account:focus{background:#9e0202}
@media(max-width:480px){
  .sppwa-login-screen{justify-content:flex-start;padding-top:max(46px,env(safe-area-inset-top))}
.sppwa-login-card{padding:26px 22px 24px}
  .sppwa-login-card .form-row:nth-of-type(3){align-items:flex-end}
}
html{margin-top:0!important}

/* ── WP Login Page (lostpassword, resetpass) ─────────────────── */
body.login{background:#cb0303;color:#fff;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;display:flex;min-height:100vh;min-height:100dvh;align-items:center;justify-content:center;flex-direction:column;padding:24px 18px}
body.login #login{width:min(390px,100%);padding:0;margin:0}
body.login h1,.login h1 a{display:none!important}
.sppwa-wp-login-logo{text-align:center;margin:0 auto clamp(28px,5vh,44px)}
body.login #login_error,body.login .message{margin:0 0 18px;padding:11px 13px;border-radius:9px;font-size:13px;font-weight:600;box-shadow:none}
body.login #login_error{background:rgba(255,0,0,.15);border:1px solid #ff4444;color:#ff6666}
body.login .message{background:rgba(203,3,3,.15);border:1px solid #cb0303;color:#ff9999}
body.login #login_error a,body.login .message a{color:#fff}
body.login form{border:1px solid rgba(255,255,255,.2);border-radius:18px;background:#1a1a1a;color:#fff;padding:30px 28px 26px;box-shadow:0 16px 38px rgba(0,0,0,.35)}
body.login label{color:#ccc;font-size:13px;font-weight:700}
body.login input[type=text],body.login input[type=password]{box-sizing:border-box;width:100%;height:48px;margin:0 0 14px;border:1px solid #444;border-radius:10px;background:#111;color:#fff;padding:0 13px;font-size:16px;outline:none;box-shadow:none;transition:border-color .2s}
body.login input[type=text]:focus,body.login input[type=password]:focus{border-color:#cb0303;box-shadow:0 0 0 2px rgba(200,2,2,.3)}
body.login .wp-pwd{position:relative}
body.login .wp-pwd .button.wp-hide-pw{position:absolute;top:4px;right:4px;min-height:auto;height:36px;border:1px solid #444;border-radius:6px;background:#222;color:#ccc;line-height:34px;padding:0 8px;font-size:11px}
body.login .wp-pwd .button.wp-hide-pw:hover{background:#333}
body.login .button.wp-generate-pw{min-height:auto;height:auto;border:1px solid #444;border-radius:6px;background:#222;color:#ccc;padding:6px 12px;font-size:12px;margin-top:4px}
body.login .button.wp-generate-pw:hover{background:#333}
body.login #wp-submit{min-height:46px;padding:10px 24px;border:1px solid #cb0303;border-radius:10px;background:#cb0303;color:#fff;font-weight:800;font-size:15px;cursor:pointer}
body.login #wp-submit:hover{background:#9e0202}
body.login #nav,body.login #backtoblog{padding:12px 0 0;text-align:center;margin:0}
body.login #nav a,body.login #backtoblog a{color:rgba(255,255,255,.7);font-size:13px;font-weight:600;text-decoration:none}
body.login #nav a:hover,body.login #backtoblog a:hover{color:#fff;text-decoration:underline}


@media(max-width:480px){
  body.login{justify-content:flex-start;padding-top:max(46px,env(safe-area-inset-top))}
  body.login form{padding:26px 22px 24px}
}