body {
    font-family: "Vazirmatn", sans-serif;
    /* ⬇⬇ Replace the URL with the path to your background image */
    background-image: url('/images/rooznegarLoginPage.png');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
    /* Dark translucent overlay so the form stands out */
    body::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(37, 99, 235, 0.55); /* primary color @ 55% */
        backdrop-filter: blur(2px);
        z-index: -1;
    }

/* Custom checkbox styling */
.checkbox input[type="checkbox"] {
    appearance: none;
    height: 1rem;
    width: 1rem;
    border: 1px solid #d1d5db; /* gray‑300 */
    border-radius: 0.25rem;
    background-color: #fff;
    position: relative;
    cursor: pointer;
}

    .checkbox input[type="checkbox"]:checked {
        background-color: #2563eb; /* primary */
    }

        .checkbox input[type="checkbox"]:checked::after {
            content: "";
            position: absolute;
            top: 2px;
            left: 5px;
            width: 3px;
            height: 7px;
            border-right: 2px solid #fff;
            border-bottom: 2px solid #fff;
            transform: rotate(45deg);
        }