/* Scoped to the standalone login page; retain existing authentication markup. */
#primary.splot-login-page { box-sizing:border-box; width:100%; max-width:560px; margin:40px auto 64px; padding:32px; background:linear-gradient(145deg,#191323,#111018 60%); border:1px solid #35303f; border-radius:24px; color:#f4effa; }
.splot-login-page .page-site-main { width:100%; max-width:none; margin:0; padding:0; background:transparent; }
.splot-login-page .splot-login-heading { margin:0 0 28px; text-align:left; }
.splot-login-page .splot-login-heading h1 { margin:0 0 8px; color:#f4effa; font-size:32px; line-height:1.2; font-weight:700; }
.splot-login-page .splot-login-heading p { margin:0; color:#bbb3c7; font-size:16px; line-height:1.5; }
.splot-login-page #login-form { margin:0; padding:0; background:transparent; }
.splot-login-page .king-form-group { margin:0 0 20px; text-align:left; }
.splot-login-page .king-form-group > label:not(.rememberme-label) { display:block; margin:0 0 8px; color:#e4ddec; font-size:14px; font-weight:600; }
.splot-login-page #login-form .bpinput { box-sizing:border-box; width:100%; min-height:52px; margin:0; padding:14px 16px; background:#0f0d15; border:1px solid #55495f; border-radius:12px; color:#f4effa; font-size:16px; box-shadow:none; }
.splot-login-page #login-form .bpinput::placeholder { color:#a9a0b5; opacity:1; }
.splot-login-page #login-form .bpinput:focus { border-color:#bc95fa; outline:2px solid #bc95fa; outline-offset:2px; }
.splot-login-page #login-form #rememberme { position:static; display:inline-block; opacity:1; width:18px; height:18px; margin:0 8px 0 0; vertical-align:middle; accent-color:#8958d5; }
.splot-login-page #login-form .rememberme-label { display:inline; padding:0; border:0; border-radius:0; background:transparent; color:#d3cada; font-size:14px; vertical-align:middle; cursor:pointer; }
.splot-login-page #login-form .rememberme-label::before,.splot-login-page #login-form .rememberme-label::after { display:none; }
.splot-login-page #login-form .king-submit-button { width:100%; min-height:52px; margin:4px 0 0; padding:12px 20px; border:1px solid #ad81ee; border-radius:12px; background:#8050c8; color:#fff; font-size:16px; font-weight:600; cursor:pointer; }
.splot-login-page #login-form .king-submit-button:hover { background:#9463db; }
.splot-login-page :is(a,input[type=submit],input[type=checkbox]):focus-visible { outline:2px solid #c6a0ff; outline-offset:4px; }
.splot-login-page .login-rl { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 20px; margin:24px 0 0; padding:20px 0 0; border-top:1px solid #35303f; background:transparent; }
.splot-login-page .login-rl a { display:inline-flex; align-items:center; min-height:44px; margin:0; padding:0; background:transparent; color:#c9a5fa; font-size:14px; }
.splot-login-page .login-rl a:hover { color:#e6d1ff; text-decoration:underline; }
.splot-login-page .login-rl i { display:none; }
.splot-login-page .alert-danger { padding:14px; border:1px solid #a35f74; border-radius:10px; background:#321b27; color:#ffd5df; }
@media(max-width:600px) { #primary.splot-login-page { width:calc(100% - 32px); margin:24px auto 40px; padding:24px 20px; border-radius:20px; } .splot-login-page .splot-login-heading h1 { font-size:28px; } }
.splot-login-page .splot-login-heading p { text-align:left; }
.splot-login-page #login-form label { text-transform:none; }