body.login.lalp-branded-login {
    background: #111827;
    min-height: 100vh;
    display:flex;
    align-items:center;
    justify-content:center;
}

body.login #login {
    width: 380px;
    max-width: calc(100% - 32px);
    padding: 28px 0;
}

body.login #login h1 a {
    background-image: none;
    width: 86px;
    height: 86px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 18px;
}

body.login #login h1 a:not([style*="background-image"]) {
    position: relative;
}

body.login #login h1 a:not([style*="background-image"]):after {
    content: "CP";
    display:flex;
    width:72px;
    height:72px;
    align-items:center;
    justify-content:center;
    margin:auto;
    background: var(--lalp-accent, #ef4444);
    color:#fff;
    border-radius:18px;
    font:700 24px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    box-shadow:0 12px 28px rgba(0,0,0,.22);
}

body.login form {
    background:#fff;
    border:0;
    border-radius:14px;
    box-shadow:0 20px 60px rgba(0,0,0,.28);
    padding:28px;
}

body.login label { color:#374151; font-weight:600; }
body.login .input,
body.login input[type=text] {
    border:1px solid #d1d5db;
    border-radius:8px;
    min-height:44px;
    box-shadow:none;
}
body.login .input:focus,
body.login input[type=text]:focus {
    border-color:var(--lalp-accent,#ef4444);
    box-shadow:0 0 0 1px var(--lalp-accent,#ef4444);
}
body.login .button-primary {
    background:var(--lalp-accent,#ef4444);
    border-color:var(--lalp-accent,#ef4444);
    min-height:40px;
    border-radius:8px;
    padding:0 18px;
    box-shadow:none;
    text-shadow:none;
}
body.login .button-primary:hover,
body.login .button-primary:focus {
    background:var(--lalp-accent,#ef4444);
    border-color:var(--lalp-accent,#ef4444);
    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:#d1d5db; }
body.login .message,
body.login .notice,
body.login #login_error { border-radius:8px; border-left-color:var(--lalp-accent,#ef4444); }
