body.login {
    background: radial-gradient(circle at top, #13253b, #0a1624 55%, #050b12);
    font-family: "Segoe UI", "Helvetica Neue", sans-serif;
}

body.login #login {
    width: 380px;
    padding: 3rem 0 0;
}

body.login #login h1 a {
    width: 100%;
    height: 54px;
    background-size: contain;
    margin-bottom: 14px;
}

body.login form {
    border: 1px solid #24415f;
    border-radius: 16px;
    background: rgba(9, 22, 36, 0.92);
    box-shadow: 0 12px 30px rgba(1, 8, 14, 0.35);
}

body.login label,
body.login form .forgetmenot label {
    color: #d4e4f4;
}

body.login input[type="text"],
body.login input[type="password"] {
    border-radius: 10px;
    border-color: #355c84;
    background: #07101a;
    color: #e8f1fa;
}

body.login .button-primary {
    background: #1f8fff;
    border-color: #1f8fff;
    border-radius: 10px;
    text-shadow: none;
    box-shadow: none;
}

body.login .button-primary:hover {
    background: #49a4ff;
    border-color: #49a4ff;
}

body.login #nav a,
body.login #backtoblog a,
body.login .privacy-policy-page-link a {
    color: #97c7f7;
}