/* Branded login and password setup; no authentication controls are hidden. */
body.login{background:#081422;color:#f3f8ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.login #login{width:min(360px,calc(100% - 32px));padding:6vh 0 32px}
.login h1 a{width:280px;max-width:100%;height:100px;background-size:contain;background-position:center;background-repeat:no-repeat;margin:0 auto 24px}
.login form{background:#102137;border:1px solid #36546f;border-radius:16px;box-shadow:none;padding:24px}
.login label{color:#f3f8ff;font-size:15px}
.login input[type=text],.login input[type=password],.login input[type=email]{background:#081422;color:#fff;border:1px solid #66849e;border-radius:8px;font-size:18px;min-height:46px}
.login .button-primary{background:linear-gradient(105deg,#29d9ec,#478bfb 62%,#a875f1);color:#041321;border:0;min-height:44px;font-weight:700;box-shadow:none;text-shadow:none;border-radius:9px}
.login #nav a,.login #backtoblog a,.login .privacy-policy-link{color:#82e7ff}
.login .message,.login #login_error,.login .success{background:#102137;color:#fff;border-left-color:#52d7f4}
.login .message a,.login #login_error a{color:#82e7ff}
.login .description,.login .indicator-hint{color:#bfd0e1}
.login input:focus-visible,.login a:focus-visible,.login button:focus-visible{outline:3px solid #52d7f4;outline-offset:3px}
@media(max-width:400px){.login form{padding:20px}.login #login{padding-top:24px}}

.login #login::after{content:"";display:block;height:250px;margin-top:20px;background:url(portal-pc-cutout.webp) center/contain no-repeat;pointer-events:none}
.cns-login-intro{text-align:center;margin:0 10px 24px}
.cns-login-title{font-size:clamp(25px,6vw,30px);font-weight:650;line-height:1.22;letter-spacing:-.025em;color:#f3f8ff;margin:0 0 12px}
.cns-login-title span{color:#82e7ff}
.cns-login-subtitle{font-size:14px;line-height:1.6;color:#b9cadb;margin:0 auto;max-width:285px}