/* mpboard.ai Login Page Styles */
.login { background: linear-gradient(135deg, #00173F 0%, #002D72 100%) !important; }
#login { padding-top: 8% !important; }

#login h1 a {
    background-image: none !important;
    width: auto; height: auto;
    text-indent: 0;
    font-size: 24px; font-weight: 800;
    color: #fff; text-decoration: none;
    text-align: center; display: block;
    margin-bottom: 20px;
}
#login h1 a::before {
    content: "MPBOARD.AI";
    display: block;
    font-size: 28px;
    letter-spacing: 3px;
}

#loginform, #registerform, #lostpasswordform {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    border: none; padding: 32px;
}
#loginform label, #registerform label, #lostpasswordform label {
    color: #00173F; font-weight: 600; font-size: 13px;
}
#loginform input[type="text"], #loginform input[type="password"], #loginform input[type="email"],
#registerform input, #lostpasswordform input {
    border: 1px solid #E2E8F0; border-radius: 8px;
    padding: 10px 14px; font-size: 14px; transition: all 0.3s;
}
#loginform input:focus, #registerform input:focus, #lostpasswordform input:focus {
    border-color: #F75B31; box-shadow: 0 0 0 3px rgba(247,91,49,0.1); outline: none;
}
#wp-submit {
    background: #F75B31 !important; border-color: #F75B31 !important;
    border-radius: 9999px !important; padding: 10px 24px !important;
    font-weight: 700 !important; font-size: 13px !important;
    transition: all 0.3s !important;
}
#wp-submit:hover { background: #002D72 !important; border-color: #002D72 !important; }
#nav a, #backtoblog a { color: rgba(255,255,255,0.7) !important; font-size: 13px; }
#nav a:hover, #backtoblog a:hover { color: #F75B31 !important; }
.message, #login_error { border-radius: 8px; border: none; background: rgba(255,255,255,0.95); }
#login_error { border-left: 4px solid #F75B31 !important; }