/* ABC Learning - WP Admin Login Styling */
body.login {
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    background:#f5f5f5;
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:100vh;
    margin:0;
}

#login {
    background:#fff;
    padding:50px 40px;
    border-radius:12px;
    box-shadow:0 4px 20px rgba(0,0,0,0.08);
    width:100%;
    max-width:400px;
    text-align:center;
}

.login h1 {
    margin-bottom:30px;
}

.login h1 a {
    background-image:none;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    width:auto;
    height:60px;
    text-indent:0;
    color:#00C853;
    font-size:28px;
    font-weight:700;
    text-decoration:none;
    display:block;
}

.login form {
    margin-top:0;
    padding:0;
    background:transparent;
    border:none;
    box-shadow:none;
}

.login label {
    display:block;
    margin-bottom:8px;
    font-size:14px;
    color:#666;
    text-align:left;
}

.login form .input,
.login input[type="text"],
.login input[type="password"] {
    width:100%;
    padding:12px 15px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:14px;
    box-sizing:border-box;
}

.login form .input:focus,
.login input[type="text"]:focus,
.login input[type="password"]:focus {
    outline:none;
    border-color:#00C853;
    box-shadow:0 0 0 3px rgba(0,200,83,0.1);
}

.login #login_error,
.login .message {
    background:#fee;
    border:1px solid #fcc;
    color:#c33;
    padding:12px;
    border-radius:6px;
    margin-bottom:20px;
    font-size:14px;
}

.login .button-primary {
    width:100%;
    padding:14px;
    background:#00C853;
    color:#fff;
    border:none;
    border-radius:6px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
    transition:all 0.3s;
    text-shadow:none;
    box-shadow:none;
    height:auto;
}

.login .button-primary:hover {
    background:#00b348;
    box-shadow:0 4px 12px rgba(0,200,83,0.3);
}

.login #rememberme {
    width:auto;
    margin-right:8px;
}

.login .forgetmenot {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:20px;
    text-align:left;
}

.login .forgetmenot label {
    margin:0;
}

.login #nav,
.login #backtoblog {
    margin-top:15px;
    text-align:center;
}

.login #nav a,
.login #backtoblog a {
    color:#00C853;
    text-decoration:none;
    font-size:14px;
}

.login #nav a:hover,
.login #backtoblog a:hover {
    color:#00b348;
}

.login .abc-login-greeting {
    margin-bottom:5px;
    color:#999;
    font-size:14px;
}