/* 1. Dark Background */
body.login {
    background-color: #0f0f0f !important;
    color: #e0e0e0;
}

/* 2. Replace & Resize Logo */
#login h1 a {
    background-image: url('https://www.thescarefactor.com/wp-content/uploads/2026/03/The-Scare-Factor-Pride-Profile-Photo-Red-Black-V3.png') !important;
    background-size: contain !important;
    height: 120px !important;
    width: 100% !important;
    margin-bottom: 20px;
}

/* 3. Darken the Login Form */
.login form {
    background: #1a1a1a !important;
    border: 1px solid #333 !important;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
}

.login label {
    color: #bbb !important;
}

.login input[type="text"], 
.login input[type="password"] {
    background: #262626 !important;
    border: 1px solid #444 !important;
    color: #fff !important;
    border-radius: 4px;
}

/* 4. Custom Button Color (Haunt Red/Orange) */
.login #wp-submit {
    background-color: #b71c1c !important; /* Deep Red */
    border-color: #801313 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    font-weight: bold;
    text-transform: uppercase;
}

.login #wp-submit:hover {
    background-color: #d32f2f !important;
}

/* 5. Clean up bottom links */
.login #nav a, .login #backtoblog a {
    color: #888 !important;
}

.login #nav a:hover, .login #backtoblog a:hover {
    color: #b71c1c !important;
}