.account-body {
    background-color: #f0f2f5; /* Jasnoszare tło strony */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 20px;
}

.account-container {
    max-width: 750px;
    width: 100%;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    overflow: hidden; /* Ważne dla zaokrąglonych rogów w headerze */
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.account-header {
    background-color: #1A374D; /* Ciemny, głęboki niebieski */
    padding: 40px 20px;
    text-align: center;
    color: #fff;
}

    .account-header .logo {
        font-size: 3rem;
        margin-bottom: 15px;
        color: #B1D0E0; /* Jaśniejszy, pastelowy niebieski */
    }

    .account-header h2 {
        margin-bottom: 5px;
        font-weight: 600;
    }

    .account-header p {
        color: #d4d4d4;
        font-size: 0.9rem;
    }

.account-body-form {
    padding: 30px;
}

    .account-body-form .form-control {
        padding: 12px 15px;
        border-radius: 8px;
        border: 1px solid #ddd;
    }

        .account-body-form .form-control:focus {
            border-color: #0d6efd;
            box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
        }

    .account-body-form .btn-primary {
        width: 100%;
        padding: 12px;
        border-radius: 8px;
        font-weight: 600;
        margin-top: 10px;
    }

.secondary-links {
    text-align: center;
    margin-top: 20px;
}

    .secondary-links a {
        display: block;
        color: #6c757d;
        text-decoration: none;
        margin-top: 10px;
    }

        .secondary-links a:hover {
            color: #0d6efd;
            text-decoration: underline;
        }

.form-check-label {
    user-select: none; /* Zapobiega zaznaczaniu tekstu przy klikaniu */
}