body.login {
    min-height:100vh;
    background:linear-gradient(135deg,var(--sks-sidebar),#28374c);
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
body.login #login { width:420px; padding:0; margin:auto; }
body.login #login:before { content:"SKYNETSTORES"; display:block; text-align:center; color:var(--sks-accent); letter-spacing:3px; font-size:12px; font-weight:800; margin-bottom:10px; }
body.login h1 a { width:130px; height:74px; background-size:contain; background-position:center; margin-bottom:18px; }
body.login h1 a:not([style*="background-image"]) { background-image:none; }
body.login h1 a:not([style*="background-image"]):after { content:"SkynetStores"; color:#fff; font-size:30px; font-weight:900; letter-spacing:-.8px; display:block; width:300px; margin-left:-85px; line-height:74px; }
body.login form { border:0; border-radius:18px; padding:32px; box-shadow:0 20px 60px rgba(0,0,0,.25); }
body.login label { color:#334155; font-weight:700; }
body.login input[type=text],body.login input[type=password] { border-radius:10px; min-height:48px; border:1px solid #cbd5e1; box-shadow:none; }
body.login input:focus { border-color:var(--sks-primary); box-shadow:0 0 0 1px var(--sks-primary); }
body.login .button-primary { min-height:48px; border-radius:10px; background:var(--sks-primary); border-color:var(--sks-primary); font-weight:800; padding:0 22px; }
body.login .button-primary:hover { filter:brightness(.92); }
body.login #nav,body.login #backtoblog,body.login .privacy-policy-page-link { text-align:center; }
body.login #nav a,body.login #backtoblog a,body.login .privacy-policy-page-link a { color:#e5e7eb!important; }
body.login .language-switcher { display:none; }
.login .message,.login .notice,.login .success { border-left-color:var(--sks-primary); border-radius:10px; }
@media(max-width:520px){body.login #login{width:calc(100% - 28px);} body.login form{padding:24px;}}