.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:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",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:420px;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}