.login-box {
    max-width: 400px; /* کوچکتر از 400px */
    margin: 1px auto;
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

#captchaInput {
    background-color: #16181b; /* تیره خاکستری صنعتی */
    color: silver;               /* رنگ متن سفیدخوانا */
    border: 1px solid #0b2e13;    /* مرز تیره هماهنگ با تم */
}

.login-box h4 {
    color: black;
}
#captchaInput::placeholder {
    color: #aaa;
}

.form-control, .form-check-input {
    background-color: #3a3f44;
    border: 1px solid black;
    color: #eee;
}

.form-control::placeholder {
    color: #aaa;
}

.btn-primary {
    background-color: #007bff;
    border-color: black;
}

.btn-outline-secondary {
    border-color: black;
    color: #16181b;
}

.logo-small {
    max-width: 60px;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

.fade-out {
    opacity: 0;
    transition: opacity 0.5s ease-out;
}


body::before {
    content: "";
    background: url('/assets/img/saba.png') no-repeat center center;
    background-size: 300px;
    opacity: 0.035;
    position: fixed;
    inset: 0;
    z-index: -1;
}